added first three mockups

This commit is contained in:
2026-07-20 05:38:53 -05:00
parent 4dce423c4f
commit f839df7863
864 changed files with 235286 additions and 1 deletions
+22
View File
@@ -0,0 +1,22 @@
---
description: How to create client preview sites — features, monetization, gallery, pricing
alwaysApply: true
---
# Preview Sites workflow
When creating or expanding client previews in this repo, follow **[`RULE.md`](RULE.md)** and the feature/pricing catalog **[`features.md`](features.md)**.
## Quick mandates
- Static HTML/CSS/JS only; relative paths; concept banner on public pages.
- No secrets or real customer PII.
- Product features, screen lists, build/monthly prices, and deps → **only** from `features.md`.
- UTM tracking is **base** (every portal), not an add-on.
- Payments requires Email & SMS; AI social requires Social consolidation.
- Every client proposal needs: `proposal/NOTES.md`, `proposal/SCOPE.md`, `mockup/ux-gallery.html`, `mockup/pricing.html`.
- Reuse patterns from existing proposals under `proposals/*/mockup/` (gallery, pricing, `ux-planned.html`, `ux-hub.css`).
- Kebab-case: `proposals/<client-name>/`. Keep `templates/` client-free.
- Every page footer must credit: Made by [AI ML Operations, LLC](https://aimloperations.com) (link the company name).
Do not invent features or prices. If `features.md` and a mock disagree, update the mock to match the catalog.
+107 -1
View File
@@ -1,2 +1,108 @@
# preview_sites
# Preview Sites
Repository for quickly building tailored UI mockups and proposals for prospective
clients. Reusable starter designs live in `templates/`. Client-specific work lives
in `proposals/`.
## Agent / creation rules
See [`RULE.md`](RULE.md) for the step-by-step workflow to create a client preview
(gallery, pricing picker, scope docs, hard constraints). Cursor also loads
`.cursor/rules/preview-sites.mdc` on every session.
## Platform features
See [`features.md`](features.md) for the product catalog: public site, client
portal + UTM (base), and add-ons (email/SMS, direct mail, blog, Stripe payments,
social, AI social via Ollama) with build/monthly pricing and UX screen lists.
Each client proposal should include:
- `proposal/SCOPE.md` — which features are recommended and priced for that client
- `mockup/ux-gallery.html` — monica-style card hub (one card per screen/feature)
- `mockup/pricing.html` — interactive feature picker with dependency rules
## Repository structure
```text
preview_sites/
├── features.md
├── templates/
│ └── <template-name>/
│ ├── index.html
│ ├── css/
│ ├── js/
│ └── assets/
└── proposals/
└── <client-name>/
├── mockup/
│ ├── index.html # marketing entry (or public-home)
│ ├── ux-gallery.html # feature card gallery
│ ├── pricing.html # interactive estimate
│ ├── ux-planned.html # stubs for unbuilt screens
│ ├── css/
│ ├── js/
│ └── assets/
└── proposal/
├── NOTES.md
├── SCOPE.md
└── ...
```
- `templates/` contains reusable site designs and components. Templates should
not contain client names, branding, credentials, or other client-specific data.
- `proposals/<client-name>/mockup/` contains the tailored static HTML, CSS,
JavaScript, images, fonts, and other assets used for a client demo.
- `proposals/<client-name>/proposal/` contains the related proposal documents,
estimates, notes, and supporting material.
Use lowercase kebab-case for template and client folder names, such as
`real-estate` or `acme-properties`.
## Creating a client preview
1. Choose a starter from `templates/`.
2. Create `proposals/<client-name>/mockup/` and
`proposals/<client-name>/proposal/`.
3. Copy the selected template into `mockup/`.
4. Tailor branding, copy, images, layout, and interactions.
5. Test the mockup locally as a static site.
6. Copy the contents of `mockup/` to the preview server and configure an Nginx
server block for the client's preview hostname.
7. Remove the hosted preview when it is no longer needed.
## Preview requirements
Mockups should remain portable static sites:
- Use relative paths for local CSS, JavaScript, and assets.
- Keep `index.html` as the entry point.
- Do not commit API keys, passwords, production customer data, or other secrets.
- Use fictional or explicitly approved contact and customer information.
- Optimize image and font sizes before deployment.
- Clearly label previews as concepts when visitors could mistake them for live
production sites.
- Every page footer must include: Made by
[AI ML Operations, LLC](https://aimloperations.com) (company name is the link).
## Nginx deployment
Deployment is manual. Each preview can be copied to its own web root and served
by Nginx:
```nginx
server {
listen 80;
server_name client-preview.example.com;
root /var/www/previews/client-name;
index index.html;
location / {
try_files $uri $uri/ =404;
}
}
```
Enable HTTPS and any desired access controls on the server. For private or
unfinished previews, restrict access with authentication or an IP allowlist.
+138
View File
@@ -0,0 +1,138 @@
# Preview Sites — Agent Rule
How to create client preview websites in this repo. Follow this every time you scaffold or expand a proposal.
**Canonical feature + pricing catalog:** [`features.md`](features.md)
**Human overview:** [`README.md`](README.md)
---
## Goal
Ship a **portable static mockup** that sells the Django product: public marketing site + client portal (with UTM) + optional monetized add-ons. Prospects click through screens and pick features on a pricing page.
Do **not** invent new product features or prices. Read `features.md` and use those names, deps, and dollar amounts.
---
## Hard rules
1. **Static only** — HTML/CSS/JS; relative asset paths; no backend required to view.
2. **No secrets** — no API keys, passwords, real customer PII, or live credentials.
3. **Concept labeled** — fixed “UX Concept Preview” (or proposal) banner on public pages; link to `ux-gallery.html` + `pricing.html`.
4. **Kebab-case folders**`proposals/<client-name>/` (e.g. `eds-plumbing-and-sewer`).
5. **Templates stay generic** — no client names/branding in `templates/`.
6. **Monetization from catalog** — build + monthly fees and dependency rules come from `features.md` only.
7. **UTM is base** — every portal includes UTM; never sell it as a separate add-on.
8. **Deps** — Payments requires Email & SMS; AI social requires Social consolidation (auto-select / block on pricing page).
9. **Vendor credit in footer** — every preview page footer (marketing, portal, gallery, pricing) must include:
`Made by [AI ML Operations, LLC](https://aimloperations.com)`
HTML form:
```html
Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a>
```
Link the company name only. Do not omit on new pages.
---
## Product shape (from features.md)
```text
BASE (always on)
Public: Landing · About · Contact (+ 404 / under construction as needed)
Portal: Login · Dashboard · Leads · Lead detail · UTM analytics
ADD-ONS (build $ + monthly $)
Email & SMS · Direct mail · Blog · Payments (Stripe)
Social consolidation · AI social generator (Ollama)
```
Pricing amounts, screen file hints, and checklists: **open `features.md`** — do not hardcode stale numbers in this rule if they drift; copy from the catalog when writing `SCOPE.md` / `pricing.html`.
---
## New client checklist
```text
proposals/<client-name>/
├── mockup/
│ ├── index.html # marketing entry (or public-home.html)
│ ├── ux-gallery.html # REQUIRED — card per screen, grouped by feature
│ ├── pricing.html # REQUIRED — interactive picker + live totals
│ ├── ux-planned.html # stubs for screens not designed yet
│ ├── assets/css/ux-hub.css # gallery/pricing styles (copy from an existing proposal)
│ └── …public & portal pages
└── proposal/
├── NOTES.md # client facts, sources, contact data status
└── SCOPE.md # recommended features + quote math from features.md
```
### Steps
1. Create folders above.
2. Copy closest `templates/<name>/` into `mockup/` (omit template docs/junk).
3. Brand the **public** site (copy, colors, logo, services, contact). Prefer real approved data; mark placeholders clearly.
4. Add **ux-gallery.html** — monica-style hub: eyebrow per feature (`Public · base`, `Portal · base`, `Portal · Email/SMS`, …). Ready screens link to real HTML; unfinished → `ux-planned.html?p=<key>`.
5. Add **pricing.html** — base rows locked on; add-ons toggleable; enforce deps; show one-time + monthly totals; disclaimer that usage (Stripe/SMS/postage) is extra.
6. Write **SCOPE.md** — recommend add-ons for *this* business; compute totals from `features.md` prices.
7. Write **NOTES.md** — client identity, sources, sitemap, preview reminder, next passes.
8. Banner on marketing pages → gallery + pricing links.
9. Smoke-test locally as static files.
### Reuse
Copy gallery/pricing/stub patterns from:
- `proposals/eds-plumbing-and-sewer/mockup/`
- `proposals/paint-to-please/mockup/`
---
## UX gallery conventions
| Do | Don't |
|----|--------|
| One card per screen | Dump all content on one mega-page |
| Group by feature section | Mix portal + public without labels |
| Mark Ready vs Planned | Leave dead links |
| Keep marketing `index.html` working | Replace marketing home with only the hub without a link back |
Reference pattern: [monica_site proposal hub](https://git.aimloperations.com/ai_ml_operations/monica_site/src/branch/main/proposal/pages/index.html).
---
## Pricing page conventions
- Always show **Public site** + **Client portal + UTM** (checked, disabled).
- Checkboxes for each add-on with **build** and **/mo** from `features.md`.
- Selecting Payments → auto-check Email & SMS (+ short helper text).
- Selecting AI social → auto-check Social (+ helper text).
- Unchecking a required parent → uncheck dependent child.
- Sticky summary: one-time total · monthly total · feature count.
- Label as draft estimate, not a formal contract.
---
## Design (public marketing)
When building/tailoring the public site (not the portal chrome):
- Brand-first first viewport; one composition; full-bleed hero when its a landing.
- Expressive type — avoid Inter/Roboto/Arial/system as the only voice.
- Atmosphere via image/gradient/pattern — not flat single-color only.
- Prefer no cards in the hero; one job per section.
- Mobile + desktop must both work.
- If extending an existing template look, **preserve that templates visual language**.
Portal mocks can be denser/app-like; still match proposal hub styling (`ux-hub.css`).
---
## Done means
- [ ] `NOTES.md` + `SCOPE.md` exist and match `features.md` pricing
- [ ] `ux-gallery.html` covers base + every add-on screen (ready or planned)
- [ ] `pricing.html` totals correct; deps work
- [ ] Public marketing is client-branded and concept-bannered
- [ ] Footer credit: Made by [AI ML Operations, LLC](https://aimloperations.com)
- [ ] No secrets committed; relative paths; opens without a server framework
+353
View File
@@ -0,0 +1,353 @@
# Platform features
Catalog of public-site and client-portal capabilities for Django-based client apps.
Use this when scoping proposals and building UX mockups (monica_site-style hub with a card per screen).
**Stack:** Django · custom client portal (not Django admin as the primary UI) · Stripe · Ollama (local LLM)
**Pricing notes:** Build cost = one-time setup. Monthly = ongoing platform/addon fee. Amounts below are draft placeholders — replace before sending a client quote. Third-party usage (Stripe fees, SMS segments, postcard print/postage, email sends) is billed separately unless noted.
---
## Feature map
```text
Public site (base)
├── Landing
├── About
└── Contact
Client portal (base — every client)
├── Login / session
├── Dashboard
├── Leads / contacts (from public forms)
└── UTM tracking & analytics ← included with every portal
Add-ons
├── Email & SMS
├── Direct mail
├── Blog
├── Payments (Stripe) ← requires Email
├── Social consolidation ← accounts, scheduling, automation
└── AI social generator ← requires Social; uses Ollama
```
---
## Base (included)
### 1. Public site
What visitors see. Marketing surface for the business.
| Page | Purpose |
|------|---------|
| Landing / home | Brand-forward hero, services/offerings, primary CTA |
| About | Story, trust, team or credentials |
| Contact | Lead capture form → creates lead/contact in portal |
**System pages (recommended in mocks):** 404, under construction / pre-launch.
| | |
|--|--|
| **Build cost** | Included in base project |
| **Monthly** | Included in base hosting / platform fee |
| **Depends on** | — |
**UX mocks to build**
| Card label | File hint | Notes |
|------------|-----------|--------|
| Public · Landing | `public-home.html` | Hero, services, CTA |
| Public · About | `public-about.html` | Story + trust |
| Public · Contact | `public-contact.html` | Form, consent, success state |
| Public · 404 | `public-404.html` | Branded error |
| Public · Under construction | `public-under-construction.html` | Optional holding page |
---
### 2. Client portal + UTM tracking
Private UI the client logs into. Replaces day-to-day use of raw Django admin. **UTM tracking ships with every client portal** — not an add-on.
| Area | Purpose |
|------|---------|
| Login | Auth for the client user |
| Dashboard | Snapshot: new leads, recent activity, health of enabled add-ons |
| Lead inbox | List/filter leads from contact form and other sources |
| Lead detail | Notes, status, UTM attribution, linked contact |
| UTM analytics | Leads by source / medium / campaign over time |
| | |
|--|--|
| **Build cost** | Included in base project |
| **Monthly** | Included in base platform fee |
| **Depends on** | Public site (for lead capture) |
**UX mocks to build**
| Card label | File hint | Notes |
|------------|-----------|--------|
| Portal · Login | `portal-login.html` | Auth |
| Portal · Dashboard | `portal-dashboard.html` | Widgets; hide/show by enabled features |
| Portal · Lead inbox | `portal-leads.html` | Status, source, filters |
| Portal · Lead detail | `portal-lead-detail.html` | Notes + UTM |
| Portal · UTM analytics | `portal-analytics.html` | Charts by campaign/source |
---
## Add-ons
Each add-on: one-time build + monthly fee. Mock a screen set per feature. Pricing page should let someone toggle add-ons and see totals.
### 3. Email & SMS integration
Transactional and marketing email; SMS campaigns / notifications. Needed by Payments for invoice/payment emails.
| Capability | Notes |
|------------|--------|
| Contact / mailing list | Per-channel consent (email / SMS) |
| Campaign composer | Email or SMS; recipients, schedule, send |
| Engagement reporting | Opens, clicks, bounces, unsubscribes (email) |
| Opt-out / unsubscribe | Public one-click + preference page |
| | Draft |
|--|--------|
| **Build cost** | `$___` |
| **Monthly** | `$___` |
| **Depends on** | Client portal |
| **Required by** | Payments |
**UX mocks to build**
| Card label | File hint |
|------------|-----------|
| Portal · Mailing list | `portal-contacts.html` |
| Portal · Import contacts | `portal-contacts-import.html` |
| Portal · Campaign composer | `portal-campaign.html` |
| Portal · Email engagement | `portal-campaign-report.html` |
| Public · Unsubscribe | `public-unsubscribe.html` |
---
### 4. Direct mail integration
Physical mail (postcards / letters): design, recipient lists, print/send vendor handoff.
| Capability | Notes |
|------------|--------|
| Postcard / piece designer | Sizes, front/back preview, media library |
| Recipient selection | From contacts with postcard consent |
| Send / schedule | Vendor or API integration |
| | Draft |
|--|--------|
| **Build cost** | `$___` |
| **Monthly** | `$___` |
| **Depends on** | Client portal (mailing list / contacts recommended) |
| **Usage** | Print + postage pass-through |
**UX mocks to build**
| Card label | File hint |
|------------|-----------|
| Portal · Postcard designer | `portal-postcard-designer.html` |
| Portal · Direct mail campaign | `portal-direct-mail.html` (or fold into campaign composer) |
---
### 5. Blog
Public readers view posts; client manages posts in the portal.
| Surface | Pages |
|---------|--------|
| Public | Blog index, post detail |
| Portal | Post list, create/edit, publish / draft |
| | Draft |
|--|--------|
| **Build cost** | `$___` |
| **Monthly** | `$___` |
| **Depends on** | Public site + client portal |
**UX mocks to build**
| Card label | File hint |
|------------|-----------|
| Public · Blog index | `public-blog.html` |
| Public · Blog post | `public-blog-post.html` |
| Portal · Blog list | `portal-blog.html` |
| Portal · Blog editor | `portal-blog-edit.html` |
---
### 6. Payments (Stripe)
Client creates invoices; payer gets email with pay link; Stripe handles charge. **Requires Email & SMS add-on** for notifications.
| Capability | Notes |
|------------|--------|
| Create invoice | Amount, line items, customer email |
| Email notification | Pay link / receipt via email add-on |
| Payment status | Paid / open / past due in portal |
| Stripe Customer Portal / checkout | Hosted Stripe where appropriate |
| | Draft |
|--|--------|
| **Build cost** | `$___` |
| **Monthly** | `$___` |
| **Depends on** | **Email & SMS** (required), client portal |
| **Usage** | Stripe processing fees (separate) |
**UX mocks to build**
| Card label | File hint |
|------------|-----------|
| Portal · Invoices | `portal-invoices.html` |
| Portal · Create invoice | `portal-invoice-create.html` |
| Portal · Invoice detail | `portal-invoice-detail.html` |
| Public · Pay invoice | `public-pay.html` (Stripe checkout / confirmation states) |
---
### 7. Social media consolidation & automation
Connect accounts, compose once, schedule/publish across networks, monitor health.
| Capability | Notes |
|------------|--------|
| Connected accounts | OAuth connect / reconnect / disconnect |
| Composer + live previews | FB / IG / LinkedIn (as applicable) |
| Schedule & queue | Calendar / upcoming posts |
| Automation rules | Optional: recurring or trigger-based posts |
| | Draft |
|--|--------|
| **Build cost** | `$___` |
| **Monthly** | `$___` |
| **Depends on** | Client portal |
| **Required by** | AI social generator |
**UX mocks to build**
| Card label | File hint |
|------------|-----------|
| Portal · Social accounts | `portal-social-accounts.html` |
| Portal · Social composer / preview | `portal-social.html` |
| Portal · Social calendar | `portal-social-calendar.html` |
---
### 8. AI social media generator
Draft captions / post variants from prompts. Runs against **local LLM via Ollama**. Builds on social consolidation (compose → preview → schedule on connected accounts).
| Capability | Notes |
|------------|--------|
| Prompt → draft | Tone, length, hashtags, variants |
| Send to composer | Hand off into social preview / schedule flow |
| Model note in UI | “Generated via local AI” (Ollama) — no cloud LLM required |
| | Draft |
|--|--------|
| **Build cost** | `$___` |
| **Monthly** | `$___` |
| **Depends on** | **Social media consolidation** (required), Ollama available on host |
**UX mocks to build**
| Card label | File hint |
|------------|-----------|
| Portal · AI social generator | `portal-social-ai.html` (chat assist + insert into composer) |
---
## Pricing summary (draft)
Fill amounts before client-facing use. Interactive proposal pricing page should sum **selected** rows.
| Feature | Type | Build (one-time) | Monthly |
|---------|------|------------------|---------|
| Public site | Base | `$300` | `$10` |
| Client portal + UTM | Base | `$300` | `$30` |
| Email & SMS | Add-on | `$500` | `$10` |
| Direct mail | Add-on | `$500` | `$5` |
| Blog | Add-on | `$500` | `$10` |
| Payments (Stripe) | Add-on | `$500` | `$20` |
| Social consolidation | Add-on | `$500` | `$20` |
| AI social generator | Add-on | `$300` | `$20` |
| **Selected add-ons** | | sum | sum |
| **Grand total** | | build + add-ons | monthly + add-ons |
**Dependency rules for the pricing picker**
1. Selecting **Payments** auto-selects (or requires) **Email & SMS**.
2. Selecting **AI social generator** auto-selects (or requires) **Social consolidation**.
3. Base public site + portal + UTM always on (not toggleable off).
---
## UX gallery structure
Mirror [monica_site proposal UX hub](https://git.aimloperations.com/ai_ml_operations/monica_site/src/branch/main/proposal/pages/index.html): one hub `index.html` with cards grouped by feature, each card linking a click-through mock.
Suggested hub sections (eyebrows on cards):
| Section | Eyebrow pattern |
|---------|-----------------|
| Public site | `Public · base` |
| Client portal + UTM | `Portal · base` |
| Email & SMS | `Portal · Email/SMS` / `Public · Email/SMS` |
| Direct mail | `Portal · Direct mail` |
| Blog | `Public · Blog` / `Portal · Blog` |
| Payments | `Portal · Payments` / `Public · Payments` |
| Social | `Portal · Social` |
| AI social | `Portal · AI Social` |
| Proposal meta | `Proposal · Pricing` |
### Proposal / sales mocks
| Card label | File hint | Notes |
|------------|-----------|--------|
| Proposal · Feature pricing | `pricing.html` | Interactive checklist: toggle add-ons, enforce deps, live total (build + monthly) |
**Pricing page behavior (mock)**
- Always show base package line (public + portal + UTM).
- Checkboxes for each add-on with build + monthly next to label.
- Disable or auto-check dependent features with short helper text (“Requires Email & SMS”).
- Sticky or summary panel: one-time total · monthly total.
- Optional: “usage not included” disclaimer for Stripe / SMS / postage.
---
## Mockup checklist (by feature)
Use when expanding a client `proposals/<client>/mockup/` or a reusable template.
- [ ] **Public:** home, about, contact (+ 404 / under construction as needed)
- [ ] **Portal base:** login, dashboard, leads, lead detail, UTM analytics
- [ ] **Email & SMS:** contacts, import, campaign, report, public unsubscribe
- [ ] **Direct mail:** designer (+ campaign if separate)
- [ ] **Blog:** public index + post; portal list + editor
- [ ] **Payments:** invoice list/create/detail; public pay
- [ ] **Social:** accounts, composer/preview, calendar
- [ ] **AI social:** generator → composer handoff
- [ ] **Hub:** `index.html` card gallery broken out by feature
- [ ] **Pricing:** interactive feature picker
---
## Per-proposal layout reminder
```text
proposals/<client-name>/
├── mockup/ # static UX screens + hub index
│ ├── index.html # feature card gallery
│ ├── pricing.html
│ ├── public-*.html
│ ├── portal-*.html
│ └── ...
└── proposal/ # written estimate; copy numbers from this file after filling $___
```
+1
View File
@@ -0,0 +1 @@
+701
View File
@@ -0,0 +1,701 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ed's Plumbing & Sewer | Chicagoland Plumbing & Home Repairs</title>
<!-- Stylesheets -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<!-- Responsive File -->
<link href="assets/css/responsive.css" rel="stylesheet">
<!-- Color File -->
<link href="assets/css/color.css" rel="stylesheet">
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
<style id="eds-brand">
.logo-box .logo a, .nav-logo a, .about-widget .logo a {
display:inline-flex; align-items:center; gap:10px; text-decoration:none;
}
.logo-box .logo a img, .nav-logo a img, .about-widget .logo a img { display:none !important; }
.eds-wordmark {
font-family: Georgia, "Times New Roman", serif;
font-weight:700; font-size:22px; line-height:1.15; color:#0b1f33;
letter-spacing:-0.02em;
}
.eds-wordmark small {
display:block; font-family: system-ui, sans-serif; font-size:11px;
font-weight:600; letter-spacing:0.08em; text-transform:uppercase;
color:#c45c26; margin-top:2px;
}
.header-style-one .main-menu .eds-wordmark,
.sticky-header .eds-wordmark { color:#fff; }
.nav-logo .eds-wordmark { color:#fff; }
.about-widget .eds-wordmark { color:#fff; }
.about-widget .eds-wordmark small { color:#f0a060; }
</style>
</head>
<body>
<style>
.preview-concept-banner{position:fixed;top:0;left:0;right:0;z-index:99999;background:#1a2332;color:#fff;font:600 13px/1.4 system-ui,sans-serif;padding:8px 16px;text-align:center}
.preview-concept-banner span{opacity:.85;font-weight:400}
.page-wrapper{padding-top:36px}
</style>
<div class="preview-concept-banner">UX Concept Preview — Ed's Plumbing &amp; Sewer <span>· Not the live website</span> · <a href="ux-gallery.html" style="color:#93c5fd;margin-left:6px">Feature gallery</a> · <a href="pricing.html" style="color:#93c5fd">Pricing</a></div>
<div class="page-wrapper">
<!-- Preloader -->
<div class="loader-wrap">
<div class="preloader"><div class="preloader-close">Preloader Close</div></div>
<div class="layer layer-one"><span class="overlay"></span></div>
<div class="layer layer-two"><span class="overlay"></span></div>
<div class="layer layer-three"><span class="overlay"></span></div>
</div>
<!-- Main Header -->
<header class="main-header header-style-one">
<!-- Header Top -->
<div class="header-top">
<div class="auto-container">
<div class="inner-container">
<div class="left-column">
<div class="text">Serving Chicagoland for 40+ Years · 24/7 Emergency Service</div>
</div>
<div class="right-column">
<div class="quote-btn"><a href="contact.html"><i class="far fa-list-alt"></i>Request an Estimate</a></div>
<div class="social-links">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Header Upper -->
<div class="header-upper">
<div class="auto-container">
<div class="inner-container">
<!--Logo-->
<div class="logo-box">
<div class="logo"><a href="index.html"><img src="assets/images/logo.png" alt="Ed's Plumbing &amp; Sewer"></a><span class="eds-wordmark">Ed's Plumbing<small>Sewer · Home Repairs</small></span></div>
</div>
<div class="right-column">
<div class="contact-info">
<div class="single-info">
<div class="icon"><span class="flaticon-gps"></span></div>
<div class="content">
<h5>Darien, IL</h5>
<div class="text">17W 431 N Frontage Road</div>
</div>
</div>
<div class="single-info">
<div class="icon"><span class="flaticon-comment"></span></div>
<div class="content">
<h5>Call Us</h5>
<div class="text"><a href="mailto:info@thegreatestplumber.com">info@thegreatestplumber.com</a></div>
</div>
</div>
</div>
<div class="search-btn"><button type="button" class="theme-btn search-toggler"><span class="far fa-search"></span></button></div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
<!-- Main Menu -->
<div class="main-menu">
<div class="auto-container">
<div class="inner-container">
<!--Nav Box-->
<div class="nav-outer">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><img src="assets/images/icons/icon-bar.png" alt=""></div>
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md navbar-light">
<div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<ul class="navigation">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="dropdown"><a href="services.html">Services</a>
<ul>
<li><a href="services.html">All Plumbing &amp; Sewer</a></li>
<li><a href="drain-sewer.html">Drain &amp; Sewer Cleaning</a></li>
<li><a href="water-heaters.html">Water Heaters</a></li>
<li><a href="leak-detection.html">Leak Detection</a></li>
<li><a href="sump-pumps.html">Sump &amp; Ejector Pumps</a></li>
<li><a href="gas-lines.html">Gas Lines</a></li>
<li><a href="fixtures.html">Fixtures &amp; Repairs</a></li>
<li><a href="installations.html">Installations</a></li>
<li><a href="commercial-industrial.html">Commercial / Industrial</a></li>
</ul>
</li>
<li><a href="home-repairs.html">Home Repairs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul></div>
</nav>
<!-- Main Menu End-->
<div class="contact-info">
<div class="icon"><i class="flaticon-phone"></i></div>
<div>
<h6>Call for Service</h6>
<h4><a href="tel:6306631444">(630) 663-1444</a></h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sticky Header -->
<div class="sticky-header main-menu">
<div class="auto-container">
<div class="inner-container">
<div class="nav-outer">
<!-- Main Menu -->
<nav class="main-menu">
<!--Keep This Empty / Menu will come through Javascript-->
</nav><!-- Main Menu End-->
<!-- Main Menu End-->
<button type="button" class="theme-btn search-toggler"><span class="far fa-search"></span></button>
</div>
</div>
</div>
</div><!-- End Sticky Menu -->
<!-- Mobile Menu -->
<div class="mobile-menu">
<div class="menu-backdrop"></div>
<div class="close-btn"><span class="icon flaticon-remove"></span></div>
<nav class="menu-box">
<div class="nav-logo"><a href="index.html"><img src="assets/images/logo-two.png" alt="Ed's Plumbing &amp; Sewer" title=""></a><span class="eds-wordmark">Ed's Plumbing<small>Sewer · Home Repairs</small></span></div>
<div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
<!--Social Links-->
<div class="social-links">
<ul class="clearfix">
<li><a href="#"><span class="fab fa-twitter"></span></a></li>
<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
<li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
<li><a href="#"><span class="fab fa-instagram"></span></a></li>
<li><a href="#"><span class="fab fa-youtube"></span></a></li>
</ul>
</div>
</nav>
</div><!-- End Mobile Menu -->
<div class="nav-overlay">
<div class="cursor"></div>
<div class="cursor-follower"></div>
</div>
</header>
<!-- End Main Header -->
<!--Search Popup-->
<div id="search-popup" class="search-popup">
<div class="close-search theme-btn"><span class="flaticon-remove"></span></div>
<div class="popup-inner">
<div class="overlay-layer"></div>
<div class="search-form">
<form method="post" action="email.php">
<div class="form-group">
<fieldset>
<input type="search" class="form-control" name="search-input" value="" placeholder="Search Here" required >
<input type="submit" value="Search Now!" class="theme-btn">
</fieldset>
</div>
</form>
<br>
<h3>Recent Search Keywords</h3>
<ul class="recent-searches">
<li><a href="#">Finance</a></li>
<li><a href="#">Idea</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">Growth</a></li>
<li><a href="#">Plan</a></li>
</ul>
</div>
</div>
</div>
<!-- Page Title -->
<section class="page-title" style="background-image: url(assets/images/background/bg-3.jpg);">
<div class="auto-container">
<div class="content-box">
<div class="content-wrapper">
<div class="title">
<h1>About Ed's</h1>
</div>
<ul class="bread-crumb">
<li><a href="index.html">Home</a></li>
<li>About</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Page Title -->
<!-- About Section -->
<section class="about-section-two">
<div class="auto-container">
<div class="row">
<div class="col-lg-5">
<div class="image-block">
<div class="row">
<div class="col-md-12">
<div class="image"><img src="assets/images/resource/image-12.jpg" alt=""></div>
</div>
<div class="col-md-6">
<div class="image"><img src="assets/images/resource/image-13.jpg" alt=""></div>
</div>
<div class="col-md-6">
<div class="image"><img src="assets/images/resource/image-14.jpg" alt=""></div>
</div>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="content-block">
<div class="sec-title">
<div class="sub-title">Trusted Chicagoland Name</div>
<h2><strong>Plumbing &amp; sewer pros for 40+ years</strong></h2>
</div>
<h4>Ed's Plumbing &amp; Sewer Inc. — also operating as Ed's Plumbing &amp; Home Repairs, Inc.</h4>
<div class="text">
<p>We've provided exceptional plumbing and sewer service across Chicagoland including Darien, Burr Ridge, La Grange, Elmhurst, Downers Grove, Woodridge, Hinsdale, Orland Park, Joliet, Bolingbrook, and Naperville.</p>
<p>We specialize in residential, commercial, and industrial plumbing repairs, drain cleaning, hydro-jetting, and sewer rehabilitation — plus full home repair and remodeling. Fair flat-rate pricing, extended hours, uniformed technicians, and exceptionally clean service.</p>
</div>
<div class="link-btn"><a href="contact.html" class="theme-btn btn-style-one"><span>Schedule an Appointment</span></a></div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section Three -->
<section class="features-section-three">
<div class="auto-container">
<div class="sec-title text-center">
<div class="sub-title">Why Homeowners Call Ed's</div>
<h2><strong>Our Advantages</strong></h2>
<div class="text">Prompt, dependable service with accurate up-front pricing — no surprise charges or hidden costs.</div>
</div>
<div class="row">
<div class="col-xl-3 col-md-6 feature-block-three">
<div class="icon-box">
<div class="icon"><img src="assets/images/icons/icon-13.png" alt=""></div>
<h4>Up-Front Pricing</h4>
<a href="#" class="read-more-btn"><i class="fas fa-long-arrow-right"></i>Read More</a>
<div class="overlay">
<div class="icon"><img src="assets/images/icons/icon-17.png" alt=""></div>
<h4>Up-Front Pricing</h4>
<div class="text">Clear proposals, on-time techs, and emergency help when you need it most.</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 feature-block-three">
<div class="icon-box">
<div class="icon"><img src="assets/images/icons/icon-14.png" alt=""></div>
<h4>Flexible Scheduling</h4>
<a href="#" class="read-more-btn"><i class="fas fa-long-arrow-right"></i>Read More</a>
<div class="overlay">
<div class="icon"><img src="assets/images/icons/icon-18.png" alt=""></div>
<h4>Flexible Scheduling</h4>
<div class="text">Clear proposals, on-time techs, and emergency help when you need it most.</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 feature-block-three">
<div class="icon-box">
<div class="icon"><img src="assets/images/icons/icon-15.png" alt=""></div>
<h4>Fully Stocked Trucks</h4>
<a href="#" class="read-more-btn"><i class="fas fa-long-arrow-right"></i>Read More</a>
<div class="overlay">
<div class="icon"><img src="assets/images/icons/icon-19.png" alt=""></div>
<h4>Fully Stocked Trucks</h4>
<div class="text">Clear proposals, on-time techs, and emergency help when you need it most.</div>
</div>
</div>
</div>
<div class="col-xl-3 col-md-6 feature-block-three">
<div class="icon-box">
<div class="icon"><img src="assets/images/icons/icon-16.png" alt=""></div>
<h4>Emergency Ready</h4>
<a href="#" class="read-more-btn"><i class="fas fa-long-arrow-right"></i>Read More</a>
<div class="overlay">
<div class="icon"><img src="assets/images/icons/icon-20.png" alt=""></div>
<h4>Emergency Ready</h4>
<div class="text">Clear proposals, on-time techs, and emergency help when you need it most.</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Features Section Two -->
<section class="features-section-two">
<div class="auto-container">
<div class="single-block">
<div class="row">
<div class="col-lg-6 image-column">
<div class="image"><img src="assets/images/resource/image-15.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="content">
<div class="sec-title">
<div class="sub-title">Plumbing &amp; Sewer</div>
<h2><strong>Ed's</strong> — plumbing on tap<br>24 hours a day</h2>
<div class="text">Repairs can be needed any time. We provide reliable plumbing and sewer service 24/7 across Hinsdale and the greater Chicago area, specializing in sump pumps, water heaters, drains, and sewer repair.</div>
<div class="link-btn"><a href="services.html" class="theme-btn btn-style-one"><span>View Services</span></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="single-block">
<div class="row">
<div class="col-lg-6 image-column">
<div class="image"><img src="assets/images/resource/image-16.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="content">
<div class="sec-title">
<div class="sub-title">Home Repairs DBA</div>
<h2><strong>One call</strong> for plumbing,<br>repairs &amp; remodeling</h2>
<div class="text">Whether you need carpentry, electrical, masonry, a finished basement, or a kitchen update — Ed's Plumbing &amp; Home Repairs can do it all, saving you time and money with undivided responsibility.</div>
<div class="link-btn"><a href="home-repairs.html" class="theme-btn btn-style-one"><span>Home Repair Services</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section class="skills-section">
<div class="auto-container">
<div class="row no-gutters">
<div class="col-xl-6 left-column">
<div class="inner-container">
<div class="content">
<div class="sec-title light">
<div class="sub-title">Dependable & Sincere Company</div>
<h2>Need Any Kind plumbing? <br> <strong>Your Trusted Partner</strong></h2>
<div class="text">Magna aliqa enim sed ipsum nisi ainy veniam quis nostrul aliqua enim lorem ipsum gui dolor sit amet tempor. Lorem ipsum dolor sit ametys consectetur adipisicing elit sed eiusmod tempor incididunt ut labore dolore magna sed. </div>
</div>
<div class="progress-levels">
<!--Skill Box-->
<div class="progress-box wow fadeIn" data-wow-delay="100ms" data-wow-duration="1500ms">
<h5>re-plumbing</h5>
<div class="inner">
<div class="bar">
<div class="bar-innner"><div class="bar-fill" data-percent="88"><div class="percent"></div></div></div>
</div>
</div>
</div>
<!--Skill Box-->
<div class="progress-box wow fadeIn" data-wow-delay="100ms" data-wow-duration="1500ms">
<h5>Leak repairs</h5>
<div class="inner">
<div class="bar">
<div class="bar-innner"><div class="bar-fill" data-percent="65"><div class="percent"></div></div></div>
</div>
</div>
</div>
<!--Skill Box-->
<div class="progress-box wow fadeIn" data-wow-delay="100ms" data-wow-duration="1500ms">
<h5>Roof coating</h5>
<div class="inner">
<div class="bar">
<div class="bar-innner"><div class="bar-fill" data-percent="75"><div class="percent"></div></div></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="row no-gutters">
<div class="col-md-6">
<div class="image"><img src="assets/images/resource/image-10.jpg" alt=""></div>
<div class="lower-content">
<h2>Company is critical <br> for any new plumbing <br> Project.</h2>
<div class="icon"><img src="assets/images/icons/icon-10.png" alt=""></div>
</div>
</div>
<div class="col-md-6">
<div class="lower-content style-two">
<h2>Committed to <br> provide the plumbing <br> excellence.</h2>
<div class="icon"><img src="assets/images/icons/icon-11.png" alt=""></div>
</div>
<div class="image"><img src="assets/images/resource/image-11.jpg" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section class="team-section">
<div class="auto-container">
<div class="sec-title text-center">
<div class="sub-title">Dependable & Sincere Company</div>
<h2><strong>The plumbing Experts</strong></h2>
<div class="text">Incididunt ut labore et dolore magna aliqua quis nostrud exercitation ullamco laboris <br> nisi ut aliquip ex ea consequat duis aute irure dolor reprehenderit</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 team-block-one">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/team-1.jpg" alt="">
<div class="overlay-box">
<ul class="social-links">
<li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fab fa-twitter"></span></a></li>
<li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
<li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
</ul>
</div>
</div>
<div class="content">
<h4>James Logan</h4>
<div class="designation">CEO | Director</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 team-block-one">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/team-2.jpg" alt="">
<div class="overlay-box">
<ul class="social-links">
<li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fab fa-twitter"></span></a></li>
<li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
<li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
</ul>
</div>
</div>
<div class="content">
<h4>Kathrine Daniel</h4>
<div class="designation">Chief exective</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 team-block-one">
<div class="inner-box">
<div class="image">
<img src="assets/images/resource/team-3.jpg" alt="">
<div class="overlay-box">
<ul class="social-links">
<li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fab fa-twitter"></span></a></li>
<li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
<li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
</ul>
</div>
</div>
<div class="content">
<h4>Paul Steven</h4>
<div class="designation">CEO | partner</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Clients Logo Section -->
<section class="clients-logo-section style-two">
<div class="auto-container">
<!--Sponsors Carousel-->
<div class="theme_carousel owl-theme owl-carousel" data-options='{"loop": true, "margin": 40, "autoheight":true, "lazyload":true, "nav": true, "dots": true, "autoplay": true, "autoplayTimeout": 6000, "smartSpeed": 300, "responsive":{ "0" :{ "items": "1" }, "600" :{ "items" : "2" }, "768" :{ "items" : "3" } , "992":{ "items" : "4" }, "1200":{ "items" : "5" }}}'>
<div class="slide-item"><div class="image"><img src="assets/images/resource/clients-1.png" alt=""></div></div>
<div class="slide-item"><div class="image"><img src="assets/images/resource/clients-2.png" alt=""></div></div>
<div class="slide-item"><div class="image"><img src="assets/images/resource/clients-3.png" alt=""></div></div>
<div class="slide-item"><div class="image"><img src="assets/images/resource/clients-4.png" alt=""></div></div>
<div class="slide-item"><div class="image"><img src="assets/images/resource/clients-5.png" alt=""></div></div>
</div>
</div>
</section>
<!-- CTA Section Two -->
<section class="cta-section-two">
<div class="auto-container">
<div class="wrapper-box">
<h3>Need Roof Service & Maintenance Or Have <br> Any Questions? We are Ready to Help!</h3>
<div class="link-btn"><a href="#" class="theme-btn btn-style-one style-three"><span>Learn More</span></a></div>
<div class="icon"><img src="assets/images/icons/icon-12.png" alt=""></div>
</div>
</div>
</section>
<!-- Main Footer -->
<footer class="main-footer">
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!--Column-->
<div class="column col-lg-3 col-md-6">
<div class="widget links-widget">
<h3 class="widget-title">Our Services</h3>
<div class="widget-content">
<ul>
<li><a href="drain-sewer.html">Drain &amp; Sewer Cleaning</a></li>
<li><a href="water-heaters.html">Water Heaters</a></li>
<li><a href="leak-detection.html">Leak Detection</a></li>
<li><a href="sump-pumps.html">Sump &amp; Ejector Pumps</a></li>
<li><a href="gas-lines.html">Gas Lines</a></li>
<li><a href="home-repairs.html">Home Repairs &amp; Remodeling</a></li>
<li><a href="commercial-industrial.html">Commercial / Industrial</a></li>
<li><a href="services.html">View All Services</a></li>
</ul>
</div>
</div>
</div>
<!--Column-->
<div class="column col-lg-3 col-md-6">
<div class="widget links-widget">
<h3 class="widget-title">Quick links</h3>
<div class="widget-content">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Plumbing &amp; Sewer</a></li>
<li><a href="home-repairs.html">Home Repairs</a></li>
<li><a href="contact.html">Contact / Schedule</a></li>
<li><a href="tel:6306631444">24/7 Emergency Line</a></li>
</ul>
</div>
</div>
</div>
<!--Column-->
<div class="column col-lg-3 col-md-6">
<div class="widget contact-widget">
<h3 class="widget-title">Get in touch</h3>
<div class="widget-content">
<ul class="contact-info">
<li>
<div class="icon"><span class="flaticon-gps"></span></div>
<div class="text">17W 431 N Frontage Road<br>Darien, IL 60561</div>
</li>
<li>
<div class="icon"><span class="flaticon-phone"></span></div>
<div class="text">
<a href="tel:6306631444">(630) 663-1444</a><br>
<a href="tel:6302020050">Emergency: (630) 202-0050</a>
</div>
</li>
<li>
<div class="icon"><span class="flaticon-comment"></span></div>
<div class="text">
<a href="mailto:info@thegreatestplumber.com">info@thegreatestplumber.com</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--Column-->
<div class="column col-lg-3 col-md-6">
<div class="widget about-widget">
<div class="logo"><a href="index.html"><img src="assets/images/logo-two.png" alt="Ed's Plumbing &amp; Sewer"></a><span class="eds-wordmark">Ed's Plumbing<small>Sewer · Home Repairs</small></span></div>
<div class="text">Chicagoland plumbing, sewer, and home repair for 40+ years. Fair flat-rate pricing, uniformed technicians, and 24/7 emergency service.</div>
<ul class="social-links">
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<div class="copyright">
<div class="text">Copyright <span id="copyright-year"></span> Ed's Plumbing &amp; Sewer Inc. · Also DBA Ed's Plumbing &amp; Home Repairs, Inc. All rights reserved. <em style="opacity:.7">Concept preview</em> · Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></div>
</div>
</div>
</div>
</footer>
</div>
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="flaticon-right-arrow"></span></div>
<script src="assets/js/jquery.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-select.min.js"></script>
<script src="assets/js/jquery.fancybox.js"></script>
<script src="assets/js/isotope.js"></script>
<script src="assets/js/owl.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/lazyload.js"></script>
<script src="assets/js/scrollbar.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src="assets/js/swiper.min.js"></script>
<script src="assets/js/script.js"></script>
<script src="assets/js/date.js"></script>
<script src="assets/js/date.js"></script>
</body>
</html>
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,429 @@
/* Default Color File */
/* Color */
a:hover,
a {
color: #0000FF;
}
.border-color {
border-color: #0000FF;
}
.services-section-two .owl-dots .owl-dot:hover,
.services-section-two .owl-dots .owl-dot.active{
background-color:#0000FF;
}
.search-popup .search-form fieldset input[type="submit"],
.preloader-close,
.theme-bg {
background-color: #0000FF;
}
.btn-style-one.style-four:hover:before {
background-color: #0000FF;
}
.btn-style-one.style-four:hover:before {
background-color: #0000FF;
opacity: 1;
}
.cta-section-three h3 i {
color: #0000FF;
}
.banner-section .link-box a.style-four:hover {
border-color: #0000FF;
}
.scroll-to-top:hover {
background-color: #0000FF;
}
.btn-style-one {
background-color: #0000FF;
}
.btn-style-one.style-three {
color: #0000FF;
}
.main-header .header-upper .contact-info .icon {
background-color: #0000FF;
}
.main-menu .navigation>li.current>a {
color: #0000FF;
}
.header-top .social-links li a:hover {
color: #0000FF;
}
.estimate-form .dropdown-item.active,
.estimate-form .dropdown-item:active {
background-color: #0000FF;
}
.post-share-icon ul.social-links li a:hover {
color: #0000FF;
}
.service-block-one .overlay:before {
background-color: #0000FF;
}
.cta-section .wrapper-box {
border: 10px solid #0000FF;
}
.features-section .icon-box .icon {
color: #0000FF;
}
.features-section .icon-box:hover .icon {
background-color: #0000FF;
}
.filter-tabs li .count {
background: #0000FF;
}
.gallery-block .overlay-content h5 {
color: #0000FF;
}
.testimonials-section .owl-dots .owl-dot:hover,
.testimonials-section .owl-dots .owl-dot.active{
background-color:#0000FF;
}
.features-section-two.style-two .sec-title .sub-title {
color: #0000FF;
}
.skills-section .lower-content {
background-color: #0000FF;
}
.skills-section .progress-levels .progress-box .bar .bar-fill {
background-color: #0000FF;
}
.news-block-one h4:hover {
color: #0000FF;
}
.cta-section-two .wrapper-box {
background-color: #0000FF;
}
.widget .widget-title:before {
background-color: #0000FF;
}
.about-widget .social-links li a:hover {
background-color: #0000FF;
}
.links-widget ul li a:hover {
color: #0000FF;
}
.contact-widget .contact-info li .text a:hover {
color: #0000FF;
}
.feature-block-three .read-more-btn i {
color: #0000FF;
}
.service-block-two .overlay:before {
background-color: #0000FF;
}
.process-block .icon .count {
background-color: #0000FF;
}
.widget_categories_two .widget-content li:hover a,
.widget_categories_two .widget-content li.current a {
background-color: #0000FF;
}
.widget_contact-form .dropdown-item.active,
.widget_contact-form .dropdown-item:active {
background-color: #0000FF;
}
.services-details .content-side .icon-box .icon {
color: #0000FF;
}
.services-details .content-side .icon-box:hover .icon {
background-color: #0000FF;
}
.services-details .owl-dots .owl-dot:hover,
.services-details .owl-dots .owl-dot.active{
background-color:#0000FF;
}
.news-block-two .post-meta li.category {
color: #0000FF;
}
.news-block-two h4:hover {
color: #0000FF;
}
.news-block-three .post-meta li.category {
color: #0000FF;
}
.news-block-three h2:hover {
color: #0000FF;
}
.news-block-three .owl-theme .owl-nav .owl-prev:before {
color: #0000FF;
}
.news-block-three .owl-theme .owl-nav .owl-next:before {
color: #0000FF;
}
.news-block-three .video-box .video-btn:hover span {
background-color: #0000FF;
}
.news-block-three .video-box .video-btn:before {
background-color: #0000FF;
}
.widget_search input[type="search"] {
background: #0000FF;
}
.categories-list li a:hover {color: #0000FF;}
.widget_tag_cloud li a:hover {
background-color: #0000FF;
}
.widget_cta .content {
background: #0000FF;
}
.contact-form .dropdown-item.active,
.contact-form .dropdown-item:active {
background-color: #0000FF;
}
.contact-section .contact-info li .text a:hover {
color: #0000FF;
}
.contact-section .social-links li a:hover {
background-color: #0000FF;
}
.comments-title h4:before {
background-color: #0000FF;
}
.blog-single-post .list li:before {
color: #0000FF;
}
.post-pagination li .current {
background-color: #0000FF;
border-color: #0000FF;
}
.mobile-menu .menu-backdrop {
background-color: #0000FF;
}
/* Color Variation Two */
.btn-style-one.style-two {
background-color: #0000FF;
}
.btn-style-one.style-three:before {
background-color: #0000FF;
}
.main-menu .contact-info .icon {
background-color: #0000FF;
}
.header-top {
background-color: #0000FF;
}
.sec-title .sub-title {
color: #0000FF;
}
.service-block-one h4:before {
background-color: #0000FF;
}
.filter-tabs li.active {
color: #0000FF;
}
.funfacts-section:before {
background-color: #0000FF;
}
.testimonials-section .owl-dots .owl-dot{
background:#0000FF;
}
.skills-section .lower-content.style-two {
background: #0000FF;
}
.news-block-one .post-meta li {
color: #0000FF;
}
.news-block-one .post-meta li:before {
background-color: #0000FF;
}
.feature-block-three .read-more-btn {
color: #0000FF;
}
.feature-block-three .overlay {
background-color: #0000FF;
}
.team-block-one .content:before {
background-color: #0000FF;
}
.team-block-one .social-links li a:hover{
color: #0000FF;
}
.team-block-two .content:before {
background-color: #0000FF;
}
.team-block-two .social-links li a:hover{
color: #0000FF;
}
.process-block .icon:before {
background-color: #0000FF;
}
.contact-widget.style-two .widget-content {
background: #0000FF;
}
.services-details .owl-dots .owl-dot{
background:#0000FF;
}
.news-block-two .date {
background-color: #0000FF;
}
.news-block-two .post-meta li {
color: #0000FF;
}
.news-block-two .post-meta li:before {
background-color: #0000FF;
}
.news-block-three .date {
background-color: #0000FF;
}
.news-block-three .post-meta li {
color: #0000FF;
}
.news-block-three .post-meta li:before {
background-color: #0000FF;
}
.news-block-three .owl-theme .owl-nav .owl-prev:hover:before {
background-color: #0000FF;
}
.news-block-three .owl-theme .owl-nav .owl-next:hover:before {
background-color: #0000FF;
}
.categories-list li a:before {
color: #0000FF;
}
.widget_popular_post .content .post-info {
color: #0000FF;
}
.contact-section .contact-info li .icon {
color: #0000FF;
}
.contact-section .social-links li a {
background: #0000FF;
}
.blog-single-post .post-share-info a:before {
color: #0000FF;
}
.blog-single-post.post-share-info span {
color: #0000FF;
}
.banner-section .banner-slider-button-prev:hover {
background: #0000FF;
}
.banner-section .banner-slider-button-next:hover {
background: #0000FF;
}
.main-menu .navigation>li>ul>li>a:hover {
color: #0000FF;
}
.main-menu .navigation>li>ul>li>ul>lia:hover {
color: #0000FF;
}
.search-popup .search-form fieldset input[type="submit"]:hover {
background: #0000FF;
}
.service-block-two .lower-content .read-more-btn a:hover {
color: #0000FF;
}
@@ -0,0 +1,633 @@
@-webkit-keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes jump {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotated {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes rotatedHalf {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@-webkit-keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes rotatedHalfTwo {
0% {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@-webkit-keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@keyframes scale-upOne {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
}
@-webkit-keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes scale-right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
50% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@-webkit-keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
@keyframes fade-in {
0% {
opacity: 0.7;
}
40% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
@keyframes hvr-ripple-out {
0% {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 1;
}
100% {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
opacity: 0;
}
}
@keyframes hvr-ripple-out-two {
0% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@-webkit-keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up-one {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
40% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes scale-up-two {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
40% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@-webkit-keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@keyframes scale-up-three {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
40% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@keyframes animationFramesOne {
0% {
transform: translate(0px, 0px) rotate(0deg);
}
20% {
transform: translate(73px, -1px) rotate(36deg);
}
40% {
transform: translate(141px, 72px) rotate(72deg);
}
60% {
transform: translate(83px, 122px) rotate(108deg);
}
80% {
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
transform: translate(0px, 0px) rotate(0deg);
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animationFramesTwo {
0% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}
@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
}
40% {
-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
}
}
@keyframes animationFramesThree {
0% {
transform: translate(165px, -179px);
}
100% {
transform: translate(-346px, 617px);
}
}
@-webkit-keyframes animationFramesThree {
0% {
-webkit-transform: translate(165px, -179px);
}
100% {
-webkit-transform: translate(-346px, 617px);
}
}
@keyframes animationFramesFour {
0% {
transform: translate(-300px, 151px) rotate(0deg);
}
100% {
transform: translate(251px, -200px) rotate(180deg);
}
}
@-webkit-keyframes animationFramesFour {
0% {
-webkit-transform: translate(-300px, 151px) rotate(0deg);
}
100% {
-webkit-transform: translate(251px, -200px) rotate(180deg);
}
}
@keyframes animationFramesFive {
0% {
transform: translate(61px, -99px) rotate(0deg);
}
21% {
transform: translate(4px, -190px) rotate(38deg);
}
41% {
transform: translate(-139px, -200px) rotate(74deg);
}
60% {
transform: translate(-263px, -164px) rotate(108deg);
}
80% {
transform: translate(-195px, -49px) rotate(144deg);
}
100% {
transform: translate(-1px, 0px) rotate(180deg);
}
}
@-webkit-keyframes animationFramesFive {
0% {
-webkit-transform: translate(61px, -99px) rotate(0deg);
}
21% {
-webkit-transform: translate(4px, -190px) rotate(38deg);
}
41% {
-webkit-transform: translate(-139px, -200px) rotate(74deg);
}
60% {
-webkit-transform: translate(-263px, -164px) rotate(108deg);
}
80% {
-webkit-transform: translate(-195px, -49px) rotate(144deg);
}
100% {
-webkit-transform: translate(-1px, 0px) rotate(180deg);
}
}
@keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}
@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 300% 0;
}
100% {
background-position: 0 0;
}
}
@keyframes imageBgAnim {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}
@-webkit-keyframes gradientBG {
0% {
background-position: 0 0;
}
50% {
background-position: 120% 0;
}
100% {
background-position: 0 0;
}
}
.faded-text{
-webkit-animation:linear infinite alternate;
-webkit-animation-name: run;
-webkit-animation-duration: 25s;
-ms-animation:linear infinite alternate;
-ms-animation-name: run;
-ms-animation-duration: 25s;
-moz-animation:linear infinite alternate;
-moz-animation-name: run;
-moz-animation-duration: 25s;
}
@-webkit-keyframes run {
0% { left: -20%;}
50%{ left : 0%;}
100%{ left: 20%;}
}
@-moz-keyframes run {
0% { left: -20%;}
50%{ left : 0%;}
100%{ left: 20%;}
}
@@ -0,0 +1,56 @@
/*
Flaticon icon font: Flaticon
Creation date: 28/06/2020 12:21
*/
@font-face {
font-family: "Flaticon";
src: url("../fonts/Flaticon.eot");
src: url("../fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"),
url("../fonts/Flaticon.woff2") format("woff2"),
url("../fonts/Flaticon.woff") format("woff"),
url("../fonts/Flaticon.ttf") format("truetype"),
url("../fonts/Flaticon.svg#Flaticon") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-right:before { content: "\f100"; }
.flaticon-search:before { content: "\f101"; }
.flaticon-right-arrow:before { content: "\f102"; }
.flaticon-tick:before { content: "\f103"; }
.flaticon-right-arrow-1:before { content: "\f104"; }
.flaticon-backward:before { content: "\f105"; }
.flaticon-clock:before { content: "\f106"; }
.flaticon-star:before { content: "\f107"; }
.flaticon-null:before { content: "\f108"; }
.flaticon-arrow:before { content: "\f109"; }
.flaticon-share:before { content: "\f10a"; }
.flaticon-remove:before { content: "\f10b"; }
.flaticon-signs:before { content: "\f10c"; }
.flaticon-ui:before { content: "\f10d"; }
.flaticon-arrows:before { content: "\f10e"; }
.flaticon-add:before { content: "\f10f"; }
.flaticon-angle-arrow-pointing-to-right:before { content: "\f110"; }
.flaticon-null-1:before { content: "\f111"; }
.flaticon-gps:before { content: "\f112"; }
.flaticon-search-1:before { content: "\f113"; }
.flaticon-phone:before { content: "\f114"; }
.flaticon-long-right-arrow:before { content: "\f115"; }
.flaticon-long-arrow-pointing-to-the-right:before { content: "\f116"; }
.flaticon-talk:before { content: "\f117"; }
.flaticon-comment:before { content: "\f118"; }
.flaticon-long-arrow-pointing-to-left:before { content: "\f119"; }
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by <a style="color:#fff;" href="http://www.litespeedtech.com/error-page">LiteSpeed Web Server</a><p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by <a style="color:#fff;" href="http://www.litespeedtech.com/error-page">LiteSpeed Web Server</a><p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,37 @@
.bootstrap-touchspin .input-group-btn-vertical {
position: relative;
white-space: nowrap;
width: 1%;
vertical-align: middle;
display: table-cell;
}
.bootstrap-touchspin .input-group-btn-vertical > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
padding: 8px 10px;
margin-left: -1px;
position: relative;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
border-radius: 0;
border-top-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
margin-top: -2px;
border-radius: 0;
border-bottom-right-radius: 4px;
}
.bootstrap-touchspin .input-group-btn-vertical i {
position: absolute;
top: 3px;
left: 5px;
font-size: 9px;
font-weight: normal;
}
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by <a style="color:#fff;" href="http://www.litespeedtech.com/error-page">LiteSpeed Web Server</a><p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
+186
View File
@@ -0,0 +1,186 @@
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.html") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html style="height:100%">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title> 404 Not Found
</title></head>
<body style="color: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;">
<div style="height:auto; min-height:100%; "> <div style="text-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;">
<h1 style="margin:0; font-size:150px; line-height:150px; font-weight:bold;">404</h1>
<h2 style="margin-top:20px;font-size: 30px;">Not Found
</h2>
<p>The resource requested could not be found on this server!</p>
</div></div><div style="color:#f0f0f0; font-size:12px;margin:auto;padding:0px 30px 0px 30px;position:relative;clear:both;height:100px;margin-top:-101px;background-color:#474747;border-top: 1px solid rgba(0,0,0,0.15);box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;">
<br>Proudly powered by <a style="color:#fff;" href="http://www.litespeedtech.com/error-page">LiteSpeed Web Server</a><p>Please be advised that LiteSpeed Technologies Inc. is not a web hosting company and, as such, has no control over content found on this site.</p></div></body></html>
@@ -0,0 +1,129 @@
@media only screen and (max-width: 7000px){
.page-wrapper{
overflow: hidden;
}
}
@media only screen and (max-width: 1400px){
.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
left: auto;
right: 100%;
}
.main-menu .navigation > li:nth-last-child(-n+2) > ul {
left: auto;
right: 0;
}
.main-menu .navigation > li:nth-last-child(-n+2) > ul > li > ul {
left: auto;
right: 100%;
}
}
@media only screen and (max-width: 1199px){
.banner-section .banner-slider-nav {
display: none;
}
}
@media only screen and (max-width: 1139px){
/* Default */
.main-header .nav-outer .main-menu,
.sticky-header{
display: none !important;
}
.nav-outer .mobile-nav-toggler{
display: block;
}
}
@media only screen and (max-width: 991px){
.banner-section.dark-style .content-box h1,
.banner-section .content-box h1 {
font-size: 50px;
line-height: 60px;
}
.banner-section .estimate-form {
display: none;
}
.about-section-two .shape-one {
display: none;
}
}
@media only screen and (min-width: 768px){
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul{
display:block !important;
visibility:hidden;
opacity:0;
}
}
@media only screen and (max-width: 767px){
br {
display: none;
}
.filter-tabs li .count {
display: none;
}
.features-section .icon-box .icon {
margin-bottom: 20px;
}
.skills-section .inner-container {
padding-left: 15px;
padding-right: 15px;
}
.main-header .header-upper .search-btn{
display: none;
}
.main-menu .contact-info {
display: none;
}
.main-header .header-upper .inner-container {
justify-content: center;
}
.header-top .right-column,
.header-top .inner-container {
justify-content: center;
}
.main-header .header-upper {
padding-bottom: 30px;
}
.header-top .contact-info {
text-align: center;
}
}
@media only screen and (max-width: 575px){
.main-header .header-upper .contact-info {
display: none;
}
.header-top .contact-info li:before {
display: none;
}
.main-header .header-upper {
padding-bottom: 0;
padding-top: 0;
}
.contact-section .contact-form-area {
padding: 50px 30px;
}
}
@media only screen and (max-width: 350px) {
}
+290
View File
@@ -0,0 +1,290 @@
/* RTL Css */
.rtl {
direction: rtl;
text-align: right;
}
.rtl .owl-carousel {
direction: ltr;
}
.rtl .banner-section .banner-slider-nav {
direction: ltr;
}
.rtl .main-menu .contact-info .icon {
margin-right: 0;
margin-left: 20px;
}
.rtl .main-menu .contact-info {
padding-left: 21px;
padding-right: 0;
}
.rtl .main-header .header-upper .contact-info .icon {
margin-right: 0;
margin-left: 20px;
}
.rtl .main-header .header-upper .contact-info .single-info {
margin-right: 0;
margin-left: 60px;
}
.rtl .main-header .header-upper .search-btn {
margin-left: 0;
padding-left: 0;
border-left: 0;
margin-right: 45px;
padding-right: 45px;
border-right: 1px solid #e0e0e0;
}
.rtl .header-top .quote-btn a i {
margin-right: 0;
margin-left: 8px;
}
.rtl .skills-section .inner-container {
margin-right: auto;
margin-left: 0;
}
.rtl .header-top .social-links li:last-child {
margin-right: 18px;
}
.rtl .main-menu .navigation>li>ul {
left: auto;
right: 0;
text-align: right;
}
.rtl .main-menu .navigation>li>ul>li>ul {
left: auto;
right: 100%;
text-align: right;
}
.rtl .main-menu .navigation>li>ul>li>a {
text-align: right;
}
.rtl .main-menu .navigation>li>ul>li:after {
right: auto;
left: 0;
}
.rtl .main-menu .navigation>li>ul>li.dropdown>a:after {
right: auto;
left: 0;
}
.rtl .main-menu .navigation>li>ul>li>ul>li>a {
text-align: right;
}
.rtl .widget .widget-title:before {
left: auto;
right: 0;
}
.rtl .contact-widget .contact-info li .icon {
margin-right: 0;
margin-left: 15px;
}
.rtl .sticky-header .main-menu .navigation>li {
margin-right: 0;
margin-left: 55px;
}
.rtl .main-menu .navigation>li:before {
right: auto;
left: -28px;
}
.rtl .header-top .contact-info a i {
margin-right: 0;
margin-left: 8px;
}
.rtl .funfacts-section .icon {
margin-right: 0;
margin-left: 35px;
}
.rtl .funfacts-section .inner:before {
right: auto;
left: 0;
}
.rtl .cta-section-three h3 i {
margin-right: 0;
margin-left: 10px;
}
.rtl .two-column-section .right-column .inner-container {
margin-right: auto;
margin-left: 0;
}
.rtl .testimonial-block .inner-box {
direction: rtl;
}
.rtl .testimonial-block .author-box .author-thumb {
margin-right: 0;
margin-left: 15px;
}
.rtl .post-share-icon ul.social-links {
right: auto;
left: 100%;
margin-left: 20px;
}
@media only screen and (min-width: 1600px){
.rtl .about-us-section .image-block {
margin-right: 0;
margin-left: 48px;
}
}
@media only screen and (min-width: 1600px){
.rtl .about-us-section .image-block {
margin-left: 0;
margin-right: -205px;
}
}
.rtl .skills-section .progress-levels .progress-box .percent {
right: auto;
left: -67px;
}
.rtl .skills-section .progress-levels .progress-box.animated .bar .bar-fill {
left: auto;
right: 0;
}
.rtl .skills-section .progress-levels .progress-box.animated .bar .bar-fill:before {
left: -18px;
right: auto;
}
.rtl .skills-section .progress-levels .progress-box.animated .bar .bar-fill:after {
left: -15px;
right: auto;
}
.rtl .page-title .bread-crumb li {
margin-right: 0;
margin-left: 30px;
}
.rtl .page-title .bread-crumb li:before {
right: auto;
left: -16px;
}
.rtl .services-details .content-side .icon-box .icon {
margin-right: 0;
margin-left: 17px;
}
.rtl .widget_brochure .single-brochure .icon {
margin-right: 0;
margin-left: 10px;
}
.rtl .categories-list li a:before {
left: auto;
right: 0;
}
.rtl .categories-list li a {
padding-left: 0;
padding-right: 30px;
}
.rtl .widget_popular_post .post-thumb {
margin-right: 0;
margin-left: 20px;
}
.rtl .news-block-three .post-meta li:before {
right: auto;
left: -7px;
}
.rtl .news-block-three .post-meta li {
margin-right: 0;
margin-left: 10px;
}
.rtl .main-menu .navigation>li:last-child {
margin-right: 55px;
}
.rtl .contact-section .contact-info li .icon {
margin-right: 0;
margin-left: 15px;
}
.rtl .news-block-three .bottom-content {
padding-left: 0;
padding-right: 95px;
}
.rtl .news-block-three .date {
left: auto;
right: 0;
}
.rtl .blog-single-post .list li {
padding-left: 0;
padding-right: 50px;
}
.rtl .blog-single-post .list li:before {
left: auto;
right: 0;
}
.rtl .comments-title h4:before {
left: auto;
right: 0;
}
.rtl .comments-area .comment {
padding-left: 0;
padding-right: 98px;
}
.rtl .comments-area .comment-box .author-thumb {
left: auto;
right: 0;
}
.rtl .widget_search button {
right: auto;
left: 20px;
border-right: 1px solid rgba(255, 255, 255, 0.2196078431372549);
padding-left: 0;
padding-right: 15px;
border-left: 0;
}
.rtl .widget_search input[type="search"] {
padding-right: 30px;
padding-left: 65px;
}
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,467 @@
/* Shared UX gallery + pricing hub (platform proposals) */
:root {
--ink: #12141a;
--muted: #5c6570;
--surface: #f3f5f7;
--card: #fff;
--border: #d9dee5;
--accent: #1a4f6e;
--accent-2: #c45c26;
--ok: #1a7f4b;
--warn: #b45309;
--banner: #111827;
--radius: 4px;
--font: "Segoe UI", system-ui, sans-serif;
--display: Georgia, "Times New Roman", serif;
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: var(--font);
color: var(--ink);
background: var(--surface);
line-height: 1.5;
}
a { color: var(--accent); }
.proposal-banner {
background: var(--banner);
color: #e5e7eb;
font-size: 13px;
padding: 8px 16px;
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
justify-content: space-between;
position: sticky;
top: 0;
z-index: 100;
}
.proposal-banner a { color: #93c5fd; text-decoration: none; }
.proposal-banner a:hover { text-decoration: underline; }
.proposal-banner .tag {
display: inline-block;
background: var(--accent);
color: #fff;
padding: 2px 8px;
border-radius: 2px;
font-size: 11px;
letter-spacing: 0.04em;
text-transform: uppercase;
font-weight: 600;
}
.hub-hero {
background: linear-gradient(135deg, #0b1f33 0%, #1a4f6e 55%, #2a6f8f 100%);
color: #fff;
padding: 56px 24px 48px;
}
.hub-hero.paint {
background: linear-gradient(135deg, #1a2332 0%, #3d4a5c 50%, #c4a574 120%);
}
.hub-hero h1 {
font-family: var(--display);
font-weight: 700;
letter-spacing: -0.02em;
margin: 0 0 12px;
font-size: clamp(1.6rem, 3vw, 2.2rem);
}
.hub-hero p { max-width: 560px; margin: 0; opacity: 0.92; }
.hub-section {
max-width: 1100px;
margin: 0 auto;
padding: 32px 24px 8px;
}
.hub-section h2 {
font-family: var(--display);
font-size: 1.25rem;
margin: 0 0 6px;
}
.hub-section .sec-lead {
margin: 0 0 16px;
color: var(--muted);
font-size: 14px;
}
.hub-grid {
max-width: 1100px;
margin: 0 auto 40px;
padding: 0 24px;
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.hub-card {
background: var(--card);
border: 1px solid var(--border);
padding: 20px;
text-decoration: none;
color: inherit;
transition: border-color 0.15s, transform 0.15s;
display: block;
}
.hub-card:hover {
border-color: var(--accent);
transform: translateY(-2px);
color: inherit;
text-decoration: none;
}
.hub-card.planned {
opacity: 0.85;
border-style: dashed;
}
.hub-card .eyebrow {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--accent);
font-weight: 600;
margin-bottom: 6px;
}
.hub-card.paint .eyebrow { color: var(--accent-2); }
.hub-card h3 {
margin: 0 0 8px;
font-size: 18px;
font-family: var(--display);
}
.hub-card p { margin: 0; font-size: 14px; color: var(--muted); }
.hub-card .status {
display: inline-block;
margin-top: 10px;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--ok);
}
.hub-card.planned .status { color: var(--warn); }
/* Pricing */
.pricing-layout {
max-width: 960px;
margin: 0 auto;
padding: 32px 24px 64px;
display: grid;
gap: 24px;
grid-template-columns: 1fr minmax(240px, 300px);
align-items: start;
}
@media (max-width: 800px) {
.pricing-layout { grid-template-columns: 1fr; }
}
.price-panel, .price-summary {
background: var(--card);
border: 1px solid var(--border);
padding: 20px;
}
.price-panel h2, .price-summary h2 {
font-family: var(--display);
font-size: 1.15rem;
margin: 0 0 16px;
}
.feat-row {
display: grid;
grid-template-columns: auto 1fr auto auto;
gap: 12px;
align-items: start;
padding: 14px 0;
border-bottom: 1px solid var(--border);
}
.feat-row:last-child { border-bottom: none; }
.feat-row.locked { background: #f8fafc; margin: 0 -12px; padding-left: 12px; padding-right: 12px; }
.feat-row label { font-weight: 600; cursor: pointer; }
.feat-row .desc { font-size: 13px; color: var(--muted); font-weight: 400; margin-top: 2px; }
.feat-row .amt { font-size: 13px; text-align: right; white-space: nowrap; color: var(--muted); }
.feat-row .amt strong { display: block; color: var(--ink); font-size: 14px; }
.feat-row input:disabled + .feat-text label { cursor: default; }
.dep-note { font-size: 12px; color: var(--warn); margin-top: 4px; }
.price-summary { position: sticky; top: 56px; }
.price-summary .line {
display: flex;
justify-content: space-between;
gap: 12px;
padding: 8px 0;
font-size: 14px;
}
.price-summary .total {
border-top: 2px solid var(--ink);
margin-top: 12px;
padding-top: 14px;
font-size: 18px;
font-weight: 700;
font-family: var(--display);
}
.price-summary .disclaimer {
margin-top: 16px;
font-size: 12px;
color: var(--muted);
}
.stub-page {
min-height: calc(100vh - 40px);
display: flex;
align-items: center;
justify-content: center;
padding: 40px 24px;
}
.stub-card {
background: var(--card);
border: 1px solid var(--border);
max-width: 480px;
padding: 32px;
text-align: center;
}
.stub-card h1 { font-family: var(--display); font-size: 1.5rem; margin: 0 0 8px; }
.stub-card p { color: var(--muted); margin: 0 0 20px; }
.stub-card a.btn {
display: inline-block;
background: var(--accent);
color: #fff;
text-decoration: none;
padding: 10px 18px;
font-weight: 600;
font-size: 14px;
}
/* —— Portal shell —— */
body.portal { margin: 0; background: var(--surface); font-family: var(--font); color: var(--ink); }
.portal-shell { display: flex; min-height: calc(100vh - 36px); }
.portal-sidebar {
width: 220px; flex-shrink: 0; background: #0b1f33; color: #cbd5e1;
display: flex; flex-direction: column;
}
.portal-brand {
padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.08);
font-family: var(--display); font-weight: 700; color: #fff; font-size: 14px;
text-decoration: none; display: block;
}
.portal-brand span { display: block; color: #7dd3da; font-size: 11px; font-weight: 600; letter-spacing: .04em; margin-top: 2px; font-family: var(--font); }
.portal-nav { padding: 12px 0; flex: 1; overflow-y: auto; }
.portal-nav .nav-section {
font-size: 10px; text-transform: uppercase; letter-spacing: .1em; color: #64748b;
padding: 14px 18px 6px;
}
.portal-nav a {
display: block; padding: 9px 18px; color: #94a3b8; text-decoration: none; font-size: 13px;
border-left: 3px solid transparent;
}
.portal-nav a:hover { color: #fff; background: rgba(255,255,255,.04); }
.portal-nav a.active { color: #fff; background: rgba(26,79,110,.35); border-left-color: #7dd3da; }
.portal-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.portal-topbar {
background: #fff; border-bottom: 1px solid var(--border);
padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.portal-topbar h1 { margin: 0; font-size: 20px; font-family: var(--display); font-weight: 600; }
.portal-user { font-size: 13px; color: var(--muted); }
.portal-user strong { color: var(--ink); }
.portal-user a { color: var(--accent); }
.portal-content { padding: 24px; flex: 1; }
.proposal-note {
border-left: 3px solid var(--accent); background: #e8f0f5; padding: 12px 16px;
margin: 0 0 20px; font-size: 14px; color: #0d3a45;
}
.stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; margin-bottom: 24px; }
.stat-card { background: #fff; border: 1px solid var(--border); padding: 18px; }
.stat-card .label { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.stat-card .value { font-size: 28px; font-weight: 700; font-family: var(--display); margin-top: 4px; }
.stat-card .delta { font-size: 12px; margin-top: 4px; color: var(--ok); }
.panel { background: #fff; border: 1px solid var(--border); margin-bottom: 20px; }
.panel-h {
padding: 14px 18px; border-bottom: 1px solid var(--border);
display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.panel-h h2 { margin: 0; font-size: 15px; font-family: var(--display); font-weight: 600; }
.panel-b { padding: 18px; }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 900px) {
.portal-shell { flex-direction: column; }
.portal-sidebar { width: 100%; }
.portal-nav { display: flex; flex-wrap: wrap; padding: 8px; }
.portal-nav .nav-section { display: none; }
.portal-nav a { border-left: none; border-bottom: 2px solid transparent; padding: 8px 12px; }
.portal-nav a.active { border-bottom-color: #7dd3da; background: transparent; }
.split { grid-template-columns: 1fr; }
}
.btn {
display: inline-block; padding: 9px 18px; font-size: 13px; font-weight: 600;
border: none; cursor: pointer; text-decoration: none; font-family: var(--font);
}
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover { background: #143d56; color: #fff; text-decoration: none; }
.btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--ink); }
.btn-sm { padding: 6px 12px; font-size: 12px; }
.table { width: 100%; border-collapse: collapse; font-size: 14px; }
.table th {
text-align: left; font-size: 11px; text-transform: uppercase; letter-spacing: .06em;
color: var(--muted); padding: 10px 12px; border-bottom: 1px solid var(--border); font-weight: 600;
}
.table td { padding: 12px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.table tr:hover td { background: #f8fafc; }
.table a { color: var(--accent); text-decoration: none; font-weight: 500; }
.badge {
display: inline-block; padding: 2px 8px; font-size: 11px; font-weight: 600;
border-radius: 2px; text-transform: uppercase; letter-spacing: .04em;
}
.badge-new { background: #d0eef0; color: #00626c; }
.badge-contacted { background: #fef3c7; color: #92400e; }
.badge-won { background: #d1fae5; color: #065f46; }
.badge-lost { background: #fee2e2; color: #991b1b; }
.badge-sent { background: #d0eef0; color: #00626c; }
.badge-scheduled { background: #ede9fe; color: #5b21b6; }
.badge-paid { background: #d1fae5; color: #065f46; }
.badge-open { background: #fef3c7; color: #92400e; }
.badge-draft { background: #f3f4f6; color: #4b5563; }
.form-grid { display: grid; gap: 16px; }
.form-grid.cols-2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 700px) { .form-grid.cols-2 { grid-template-columns: 1fr; } }
.field label { display: block; font-size: 12px; font-weight: 600; margin-bottom: 6px; color: #374151; }
.field input, .field select, .field textarea {
width: 100%; padding: 10px 12px; border: 1px solid var(--border); font: inherit; background: #fff; box-sizing: border-box;
}
.field textarea { min-height: 100px; resize: vertical; }
.field .hint { font-size: 12px; color: var(--muted); margin-top: 4px; }
.login-wrap {
min-height: calc(100vh - 36px); display: flex; align-items: center; justify-content: center;
background: linear-gradient(160deg, #0b1f33, #1a4f6e 60%, #e8f0f5 60%); padding: 24px;
}
.login-card { background: #fff; width: 100%; max-width: 400px; padding: 36px 32px; border: 1px solid var(--border); }
.login-card h1 { font-family: var(--display); font-size: 22px; margin: 0 0 6px; }
.login-card .sub { color: var(--muted); font-size: 14px; margin: 0 0 24px; }
.chart-ph {
height: 220px; background: linear-gradient(180deg, #e8f0f5 0%, #fff 100%);
border: 1px dashed #a8d8dc; display: flex; align-items: flex-end; gap: 8px; padding: 24px 16px 16px;
}
.chart-ph .bar { flex: 1; background: var(--accent); opacity: .75; border-radius: 2px 2px 0 0; min-height: 20px; }
.channel-tabs { display: flex; border-bottom: 1px solid var(--border); margin-bottom: 18px; }
.channel-tabs a {
padding: 10px 16px; font-size: 13px; font-weight: 600; color: var(--muted);
text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -1px;
}
.channel-tabs a.active { color: var(--accent); border-bottom-color: var(--accent); }
.connect-grid { display: grid; gap: 12px; }
.connect-card {
display: flex; gap: 14px; align-items: flex-start; text-align: left;
padding: 14px; border: 1px solid var(--border); background: #fff; width: 100%;
cursor: pointer; font: inherit; color: inherit;
}
.connect-card:hover { border-color: var(--accent); }
.platform-icon {
width: 40px; height: 40px; border-radius: 8px; display: flex; align-items: center;
justify-content: center; color: #fff; font-weight: 700; flex-shrink: 0; font-size: 14px;
}
.platform-icon.meta { background: #1877f2; }
.platform-icon.ig { background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af); font-size: 12px; }
.platform-icon.li { background: #0a66c2; }
.social-phone {
width: 100%; max-width: 360px; background: #fff; border: 1px solid #d1d5db;
box-shadow: 0 8px 30px rgba(15,23,42,.12); overflow: hidden; font-size: 14px;
}
.soc-header { display: flex; align-items: center; gap: 10px; padding: 12px 14px; }
.soc-avatar {
width: 40px; height: 40px; background: var(--accent); color: #fff; display: flex;
align-items: center; justify-content: center; font-weight: 700; font-size: 13px; flex-shrink: 0; border-radius: 50%;
}
.soc-name { font-weight: 700; font-size: 13px; }
.soc-meta { font-size: 11px; color: #6b7280; }
.soc-caption { padding: 0 14px 12px; white-space: pre-wrap; line-height: 1.4; font-size: 13px; }
.soc-image { height: 200px; background: linear-gradient(135deg, #e5e7eb, #cbd5e1); }
.soc-actions { padding: 10px 14px; border-top: 1px solid #e5e7eb; font-size: 12px; color: #4b5563; font-weight: 600; }
.ai-chat { display: flex; flex-direction: column; height: min(640px, 75vh); background: #fff; border: 1px solid var(--border); }
.ai-chat-h { padding: 12px 14px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; }
.ai-chat-h h2 { margin: 0; font-size: 15px; font-family: var(--display); }
.ai-pill { font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; background: #e8f0f5; color: var(--accent); padding: 3px 8px; }
.ai-messages { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; background: linear-gradient(180deg, #f8fafc, #fff 40%); }
.ai-msg { max-width: 92%; font-size: 13px; line-height: 1.45; }
.ai-msg.bot { align-self: flex-start; }
.ai-msg.user { align-self: flex-end; }
.ai-msg .bubble { padding: 10px 12px; border: 1px solid var(--border); background: #fff; }
.ai-msg.user .bubble { background: var(--accent); color: #fff; border-color: var(--accent); }
.ai-msg .who { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin-bottom: 4px; }
.ai-draft { margin-top: 8px; padding: 10px; background: #f8fafc; border: 1px dashed #a8d8dc; white-space: pre-wrap; font-size: 12px; }
.ai-chat-input { border-top: 1px solid var(--border); padding: 10px 12px; display: flex; gap: 8px; align-items: flex-end; }
.ai-chat-input textarea { flex: 1; min-height: 44px; max-height: 100px; resize: vertical; border: 1px solid var(--border); padding: 8px 10px; font: inherit; font-size: 13px; }
.postcard {
width: 100%; max-width: 420px; aspect-ratio: 6/4; position: relative; overflow: hidden;
background: #111; box-shadow: 0 12px 40px rgba(15,23,42,.25); color: #fff;
}
.postcard-media { position: absolute; inset: 0; background: linear-gradient(135deg, #1a4f6e, #0b1f33 60%, #c45c26); }
.postcard-copy { position: absolute; left: 20px; right: 20px; bottom: 18px; z-index: 2; }
.postcard-headline { font-family: var(--display); font-weight: 700; font-size: 26px; border-left: 4px solid #7dd3da; padding-left: 10px; line-height: 1.1; }
.postcard-sub { margin-top: 8px; font-size: 14px; opacity: .95; }
.size-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.size-option {
border: 1px solid var(--border); background: #fff; padding: 10px 12px; text-align: left;
cursor: pointer; font: inherit; color: inherit;
}
.size-option.active { border-color: var(--accent); background: #e8f0f5; box-shadow: inset 3px 0 0 var(--accent); }
.designer-layout { display: grid; grid-template-columns: minmax(240px, 320px) 1fr; gap: 20px; align-items: start; }
@media (max-width: 960px) { .designer-layout { grid-template-columns: 1fr; } }
.calendar-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; font-size: 12px; }
.calendar-grid .dow { text-align: center; color: var(--muted); font-weight: 600; padding: 6px; }
.calendar-grid .day {
aspect-ratio: 1; border: 1px solid var(--border); background: #fff; padding: 6px; position: relative;
}
.calendar-grid .day.has-post { background: #e8f0f5; }
.calendar-grid .day .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); margin-top: 4px; }
.steps { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 20px; }
.step {
display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--muted);
padding: 8px 12px; background: #fff; border: 1px solid var(--border);
}
.step span {
width: 22px; height: 22px; border-radius: 50%; background: #e5e7eb; color: #374151;
display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700;
}
.step.active { border-color: var(--accent); color: var(--ink); }
.step.active span { background: var(--accent); color: #fff; }
.dropzone { border: 2px dashed var(--border); padding: 32px; text-align: center; background: #f8fafc; }
.public-simple { max-width: 720px; margin: 40px auto; padding: 0 24px 64px; }
.public-simple .card { background: #fff; border: 1px solid var(--border); padding: 32px; }
.public-nav {
background: #fff; border-bottom: 1px solid var(--border);
padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.public-nav .brand { font-family: var(--display); font-weight: 700; color: var(--ink); text-decoration: none; font-size: 18px; }
.public-nav .links a { margin-left: 16px; font-size: 14px; color: var(--muted); text-decoration: none; }
.public-nav .links a:hover { color: var(--accent); }
.blog-list { display: grid; gap: 16px; }
.blog-item { background: #fff; border: 1px solid var(--border); padding: 20px; text-decoration: none; color: inherit; display: block; }
.blog-item:hover { border-color: var(--accent); color: inherit; text-decoration: none; }
.blog-item h3 { margin: 0 0 6px; font-family: var(--display); }
.blog-item .meta { font-size: 12px; color: var(--muted); margin-bottom: 8px; }
.blog-item p { margin: 0; font-size: 14px; color: var(--muted); }
.pay-box { max-width: 480px; margin: 48px auto; background: #fff; border: 1px solid var(--border); padding: 32px; }
.pay-box h1 { font-family: var(--display); margin: 0 0 8px; }
.pay-amount { font-size: 36px; font-weight: 700; font-family: var(--display); margin: 16px 0; }
.error-hero { text-align: center; padding: 80px 24px; }
.error-hero h1 { font-family: var(--display); font-size: 4rem; margin: 0; color: var(--accent); }
.muted { color: var(--muted); font-size: 12px; }
.theme-paint {
--accent: #c45c26;
--accent-2: #1a2332;
}
.theme-paint .portal-sidebar { background: #1a2332; }
.theme-paint .portal-nav a.active { background: rgba(196,92,38,.25); border-left-color: #c45c26; }
.theme-paint .login-wrap { background: linear-gradient(160deg, #1a2332, #3d4a5c 60%, #f3efe8 60%); }
.theme-paint .proposal-note { border-left-color: #c45c26; background: #faf6f1; color: #5c3d2e; }
.theme-paint .btn-primary { background: #c45c26; }
.theme-paint .btn-primary:hover { background: #a34a1e; }
.theme-paint .portal-nav a.active { border-left-color: #e8b88a; }
/* Vendor credit */
.aiml-site-credit {
text-align: center;
font-size: 12px;
color: var(--muted);
padding: 16px 24px 28px;
}
.aiml-site-credit a {
color: var(--accent);
text-decoration: none;
font-weight: 600;
}
.aiml-site-credit a:hover { text-decoration: underline; }
body.portal .aiml-site-credit {
border-top: 1px solid var(--border);
background: #fff;
margin-top: auto;
}
Binary file not shown.
@@ -0,0 +1,189 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2020-6-28: Created with FontForge (http://fontforge.org)
-->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20170731 at Sun Jun 28 12:21:27 2020
By root
</metadata>
<defs>
<font id="Flaticon" horiz-adv-x="512" >
<font-face
font-family="Flaticon"
font-weight="400"
font-stretch="normal"
units-per-em="512"
panose-1="2 0 5 3 0 0 0 0 0 0"
ascent="448"
descent="-64"
bbox="0 -64.002 512.001 448.812"
underline-thickness="25.6"
underline-position="-51.2"
unicode-range="U+0020-F119"
/>
<missing-glyph />
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
/>
<glyph glyph-name="016-add" unicode="&#xf10f;"
d="M503.742 200.258c4.56055 0 8.25781 -3.69727 8.25781 -8.25781s-3.69727 -8.25781 -8.25781 -8.25781h-239.484v-239.484c0 -4.56055 -3.69727 -8.25781 -8.25781 -8.25781s-8.25781 3.69727 -8.25781 8.25781v239.484h-239.484
c-4.56055 0 -8.25781 3.69727 -8.25781 8.25781s3.69727 8.25781 8.25781 8.25781h239.484v239.484c0 4.56055 3.69727 8.25781 8.25781 8.25781s8.25781 -3.69727 8.25781 -8.25781v-239.484h239.484z" />
<glyph glyph-name="001-right" unicode="&#xf100;"
d="M505.027 208.834c9.29785 -9.29785 9.29785 -24.3701 0 -33.668l-152.358 -152.363c-4.64941 -4.64453 -10.7422 -6.97266 -16.835 -6.97266s-12.1865 2.32812 -16.834 6.97266c-9.29785 9.29785 -9.29785 24.3711 0 33.6689l111.718 111.722h-406.911
c-13.1465 0 -23.8066 10.6611 -23.8066 23.8066c0 13.1475 10.6602 23.8066 23.8066 23.8066h406.911l-111.722 111.722c-9.29785 9.29785 -9.29785 24.3711 0 33.6689c9.2959 9.2959 24.3721 9.2959 33.6689 0z" />
<glyph glyph-name="003-right-arrow" unicode="&#xf102;"
d="M336 192l-208 208v48l256 -256l-256 -256v48z" />
<glyph glyph-name="014-ui" unicode="&#xf10d;"
d="M501.333 202.675c5.8877 0 10.668 -4.77832 10.668 -10.667c0 -5.8877 -4.7793 -10.667 -10.667 -10.667h-490.667c-5.8877 0 -10.667 4.7793 -10.667 10.667c0 5.88867 4.7793 10.667 10.667 10.667h490.666zM508.864 199.539
c4.16016 -4.16016 4.16016 -10.9229 0 -15.084c-2.07031 -2.07031 -4.7998 -3.11523 -7.53125 -3.11523s-5.46094 1.0459 -7.55176 3.11523l-170.667 170.667c-4.16016 4.16016 -4.16016 10.9229 0 15.083s10.9229 4.16016 15.083 0zM508.864 199.539
c4.16016 -4.16016 4.16016 -10.9229 0.000976562 -15.083l-170.667 -170.667c-2.07031 -2.07031 -4.7998 -3.11523 -7.53125 -3.11523s-5.46094 1.0459 -7.55176 3.11523c-4.16016 4.16016 -4.16016 10.9229 0 15.083l170.666 170.667
c4.16016 4.16016 10.9229 4.16016 15.083 0z" />
<glyph glyph-name="009-null" unicode="&#xf108;"
d="M109.751 212.073v-38.4111h128.049v-201.124h-237.8v201.124c0 151.771 36.6162 237.82 164.606 237.82v-122.568c-54.8555 0 -54.8555 -10.9824 -54.8555 -76.8408zM384.049 173.662h127.951v-201.124h-237.682v201.124c0 151.771 36.5967 237.82 164.587 237.82
v-122.568c-54.8564 0 -54.8564 -10.9824 -54.8564 -76.8408v-38.4111z" />
<glyph glyph-name="026-long-arrow-pointing-to-left" unicode="&#xf119;"
d="M509.336 227.283c1.77539 -1.7793 2.66699 -4.05566 2.66406 -6.82129v-56.8926c0 -2.7666 -0.887695 -5.03613 -2.66309 -6.81152c-1.77441 -1.77246 -4.04883 -2.66406 -6.81152 -2.66406h-369.783v-66.3701c0 -4.15137 -1.87988 -7.01367 -5.62891 -8.59082
c-3.75488 -1.58691 -7.21191 -1.08691 -10.373 1.48145l-113.779 103.704c-1.97461 1.97461 -2.96094 4.24805 -2.96094 6.81543c0 2.76367 0.986328 5.13379 2.96094 7.1123l113.778 104.888c3.1582 2.7627 6.61523 3.35645 10.373 1.77832
c3.74902 -1.77832 5.62891 -4.64062 5.62891 -8.59375v-66.3701h369.776c2.76953 0 5.03516 -0.886719 6.81836 -2.66504z" />
<glyph glyph-name="011-share" unicode="&#xf10a;"
d="M422.399 140.8c49.4004 0 89.6006 -40.1992 89.6016 -89.5986c0 -49.4004 -40.2002 -89.6006 -89.6006 -89.6006c-49.3994 0 -89.5996 40.2002 -89.5996 89.6006c0 2.31934 0.510742 4.5 0.686523 6.77637l-173.326 66.6631
c-16.4053 -21.1582 -41.7812 -35.041 -70.5605 -35.041c-49.4004 0 -89.6006 40.2002 -89.6006 89.6006s40.2002 89.6006 89.6006 89.6006c26.6924 0 50.4287 -11.9746 66.8604 -30.5596l177.61 81.9844c-0.59082 4.14453 -1.27148 8.26758 -1.27148 12.5742
c0 49.4004 40.1982 89.5996 89.5986 89.5996s89.6006 -40.2002 89.6006 -89.6006s-40.2002 -89.6006 -89.6006 -89.6006c-26.6924 0 -50.4287 11.9756 -66.8604 30.5596l-177.61 -81.9844c0.589844 -4.14453 1.27148 -8.26758 1.27148 -12.5742
c0 -2.31934 -0.510742 -4.5 -0.686523 -6.77637l173.326 -66.6641c16.4053 21.1582 41.7812 35.041 70.5605 35.041z" />
<glyph glyph-name="010-arrow" unicode="&#xf109;"
d="M391.429 166.653l-220.152 -220.145c-14.0039 -14.0117 -36.71 -14.0117 -50.707 0c-13.999 13.998 -13.999 36.7031 0 50.7002l194.8 194.795l-194.794 194.788c-13.999 14.0039 -13.999 36.7061 0 50.7051c13.998 14.0039 36.7031 14.0039 50.707 0l220.152 -220.148
c6.99902 -7.00293 10.4941 -16.1709 10.4941 -25.3438c0 -9.17676 -3.50195 -18.3516 -10.5 -25.3516z" />
<glyph glyph-name="007-clock" unicode="&#xf106;"
d="M276 -4v-40c0 -11.0459 -8.9541 -20 -20 -20c-11.0449 0 -20 8.9541 -20 20v40c0 11.0459 8.95508 20 20 20c11.0459 0 20 -8.9541 20 -20zM103.265 373.021l28.2852 -28.2842c7.81152 -7.81055 7.81152 -20.4746 0 -28.2842
c-7.81055 -7.81152 -20.4736 -7.81152 -28.2842 -0.000976562l-28.2842 28.2842c-7.81152 7.80957 -7.81152 20.4736 0 28.2832c7.80957 7.81152 20.4727 7.8125 28.2832 0.00195312zM408.735 67.5498l28.2832 -28.2842c7.81152 -7.80957 7.81152 -20.4736 0 -28.2842
c-7.81055 -7.81152 -20.4746 -7.80957 -28.2832 0l-28.2842 28.2832c-7.81152 7.81055 -7.81055 20.4746 0 28.2852c7.80957 7.81152 20.4727 7.81152 28.2842 0zM80 192c0 -11.0459 -8.9541 -20 -20 -20h-40c-11.0449 0 -20 8.9541 -20 20s8.95508 20 20 20h40
c11.0459 0 20 -8.9541 20 -20zM103.266 67.5498c7.81055 7.80859 20.4746 7.80957 28.2842 -0.000976562c7.81152 -7.80859 7.81152 -20.4727 0 -28.2842l-28.2852 -28.2832c-7.81055 -7.81152 -20.4736 -7.80957 -28.2832 0.000976562
c-7.81152 7.80859 -7.81152 20.4727 0 28.2832zM408.735 316.451c-7.81055 -7.81152 -20.4756 -7.80957 -28.2842 0c-7.81152 7.80957 -7.81152 20.4736 0 28.2852l28.2842 28.2832c7.80957 7.81152 20.4727 7.81055 28.2832 0
c7.81152 -7.80957 7.81152 -20.4736 0 -28.2842zM492 212c11.0459 0 20 -8.9541 20 -20s-8.9541 -20 -20 -20h-236c-11.0449 0 -20 8.9541 -20 20v236c0 11.0459 8.95508 20 20 20c11.0459 0 20 -8.9541 20 -20v-216h216z" />
<glyph glyph-name="020-search-1" unicode="&#xf113;"
d="M508.875 -45.792c4.16699 -4.16602 4.16699 -10.916 0.000976562 -15.083c-2.08398 -2.08301 -4.8125 -3.125 -7.54199 -3.125c-2.72852 0 -5.45898 1.04199 -7.54199 3.125l-155.786 155.786c-35.9277 -32.3584 -83.2959 -52.2451 -135.339 -52.2451
c-111.75 0 -202.667 90.917 -202.667 202.667s90.917 202.667 202.667 202.667s202.666 -90.917 202.667 -202.666c0 -52.043 -19.8867 -99.4121 -52.2451 -135.339zM202.667 64c99.9795 0 181.333 81.3428 181.333 181.333s-81.3535 181.334 -181.333 181.334
c-99.9785 0 -181.333 -81.3447 -181.333 -181.334s81.3545 -181.333 181.333 -181.333z" />
<glyph glyph-name="022-long-right-arrow" unicode="&#xf115;"
d="M32 160v64h352v64l96 -96l-96 -96v64h-352z" />
<glyph glyph-name="018-null-1" unicode="&#xf111;"
d="M430.556 56.5498l26.3711 -43.4893c3.28223 -5.41406 3.64844 -12.0742 0.979492 -17.8154c-2.66992 -5.74219 -7.99902 -9.75391 -14.2559 -10.7334l-41.9912 -6.56738c-0.958984 -0.149414 -1.82617 -0.646484 -2.44141 -1.39746l-27.457 -33.5898
c-3.6084 -4.41504 -9.01855 -6.95703 -14.6768 -6.95801c-0.44043 0 -0.879883 0.015625 -1.32227 0.046875c-6.12988 0.429688 -11.6904 3.82324 -14.876 9.07715l-71.0029 117.083c-4.83496 1.23047 -9.47754 2.08496 -13.8838 2.08496
s-9.04785 -0.854492 -13.8838 -2.08594l-71.0029 -117.083c-3.18457 -5.25391 -8.74609 -8.64648 -14.876 -9.07715c-0.442383 -0.03125 -0.883789 -0.046875 -1.32227 -0.046875c-5.65918 0 -11.0693 2.54297 -14.6777 6.95801l-27.4561 33.5908
c-0.613281 0.75 -1.48145 1.24707 -2.43945 1.39648l-41.9922 6.56738c-6.25684 0.979492 -11.5859 4.99219 -14.2559 10.7334c-2.66992 5.74219 -2.30371 12.4014 0.979492 17.8145l60.5332 99.8203c-9.97363 3.79785 -19.4434 8.55273 -25.7686 17.2432
c-8.08887 11.1133 -8.40137 25.2539 -8.70312 38.9287c-0.196289 8.86719 -0.380859 17.2422 -2.62012 24.1377c-2.0957 6.46094 -6.74023 13.0938 -11.6572 20.1182c-7.9834 11.4033 -16.2393 23.1963 -16.2393 37.5518c0 14.3564 8.25586 26.1504 16.2402 37.5537
c4.91602 7.02246 9.56055 13.6572 11.6572 20.1152c2.23926 6.89648 2.42383 15.2715 2.62012 24.1387c0.302734 13.6738 0.614258 27.8145 8.70312 38.9287c8.17188 11.2305 21.5938 15.8945 34.5723 20.4053c8.31445 2.89062 16.1689 5.62012 21.9238 9.80859
c5.6416 4.10449 10.5938 10.6689 15.8389 17.6191c8.33105 11.04 16.9463 22.458 30.3477 26.8105c12.835 4.16602 26.252 0.131836 39.2266 -3.76758c8.62793 -2.59473 16.7783 -5.04492 24.2529 -5.04492s15.625 2.4502 24.252 5.04492
c12.9756 3.90039 26.3916 7.93066 39.2266 3.76758c13.4004 -4.35254 22.0166 -15.7705 30.3477 -26.8105c5.24512 -6.9502 10.1982 -13.5127 15.8398 -17.6191c5.75488 -4.18848 13.6084 -6.91797 21.9238 -9.80859c12.9785 -4.51074 26.4004 -9.1748 34.5723 -20.4053
c8.08887 -11.1143 8.40039 -25.2539 8.70312 -38.9287c0.196289 -8.86719 0.380859 -17.2422 2.62012 -24.1387c2.09668 -6.45898 6.74121 -13.0928 11.6572 -20.1152c7.98438 -11.4033 16.2402 -23.1973 16.2402 -37.5537c0 -14.3555 -8.25586 -26.1494 -16.2402 -37.5527
c-4.91602 -7.02344 -9.56055 -13.6572 -11.6572 -20.1162c-2.23926 -6.89551 -2.42383 -15.2705 -2.62012 -24.1377c-0.302734 -13.6758 -0.614258 -27.8164 -8.70312 -38.9297c-6.32422 -8.68945 -15.7939 -13.4443 -25.7676 -17.2422l16.25 -26.7959
c2.14844 -3.54297 1.01855 -8.15918 -2.52539 -10.3086c-3.54297 -2.15234 -8.15918 -1.01855 -10.3086 2.52539l-17.8477 29.4307c-6.17676 -2.2373 -11.8613 -4.59668 -16.2959 -7.82324c-5.6416 -4.10547 -10.5947 -10.6699 -15.8389 -17.6191
c-8.33105 -11.041 -16.9463 -22.458 -30.3477 -26.8096c-9.28223 -3.0127 -18.8691 -1.73145 -28.374 0.680664l62.6162 -103.255c0.919922 -1.51758 2.33301 -1.83301 3.09277 -1.88672c0.758789 -0.0517578 2.20215 0.0634766 3.32617 1.43652l27.4561 33.5908
c2.95801 3.61914 7.12988 6.00781 11.7451 6.72949l41.9902 6.56738c1.80762 0.282227 2.63281 1.51953 2.96387 2.23047c0.332031 0.712891 0.745117 2.13965 -0.204102 3.70312l-26.3711 43.4902c-2.14941 3.54395 -1.01953 8.16016 2.52539 10.3086
c3.5459 2.15039 8.16113 1.0166 10.3086 -2.52539zM158.279 -47.0938l62.6162 103.252c-5.56543 -1.41309 -11.1582 -2.43848 -16.7012 -2.43848c-3.92383 0 -7.82227 0.511719 -11.6699 1.76074c-13.4004 4.35254 -22.0166 15.7686 -30.3477 26.8105
c-5.24512 6.94922 -10.1982 13.5127 -15.8398 17.6191c-4.43359 3.22559 -10.1191 5.58594 -16.2959 7.82227l-62.1309 -102.455c-0.949219 -1.56348 -0.535156 -2.99023 -0.204102 -3.70312c0.331055 -0.709961 1.15527 -1.94824 2.96387 -2.23047l41.9902 -6.56738
c4.61426 -0.72168 8.78516 -3.11133 11.7432 -6.72852l27.457 -33.5918c1.12305 -1.37402 2.56543 -1.48828 3.32617 -1.43652c0.759766 0.0537109 2.17285 0.369141 3.09277 1.88672zM256 79.3027c9.68262 0 19.2871 -2.8877 28.5713 -5.68164
c11.2607 -3.38574 21.8965 -6.58594 30.2695 -3.86328c8.90332 2.88965 15.752 11.9648 23.002 21.5732c5.6748 7.51855 11.541 15.2949 18.9883 20.7148c7.55664 5.49902 16.8457 8.72656 25.8281 11.8486c11.293 3.92578 21.959 7.63281 27.3652 15.0605
c5.32227 7.31348 5.57031 18.542 5.83301 30.4287c0.210938 9.5625 0.429688 19.4492 3.34961 28.4434c2.79004 8.59277 8.30469 16.4697 13.6377 24.0869c6.95605 9.93652 13.5264 19.3213 13.5264 28.9453c0 9.625 -6.57129 19.0088 -13.5264 28.9463
c-5.33301 7.61719 -10.8477 15.4941 -13.6377 24.0869c-2.9209 8.99414 -3.13867 18.8818 -3.34961 28.4434c-0.262695 11.8867 -0.510742 23.1143 -5.83203 30.4277c-5.40723 7.42773 -16.0732 11.1338 -27.3652 15.0596
c-8.9834 3.12207 -18.2725 6.35059 -25.8281 11.8496c-7.44727 5.41895 -13.3145 13.1943 -18.9883 20.7148c-7.25 9.6084 -14.0986 18.6836 -23.002 21.5742c-8.37207 2.71973 -19.0088 -0.478516 -30.2686 -3.86328
c-9.28809 -2.79297 -18.8916 -5.68066 -28.5742 -5.68066c-9.68359 0 -19.2871 2.8877 -28.5752 5.67969c-8.29492 2.49316 -16.251 4.88672 -23.2139 4.88672c-2.48828 0 -4.84961 -0.304688 -7.05469 -1.02148c-8.90234 -2.89062 -15.751 -11.9658 -23.001 -21.5742
c-5.67383 -7.51953 -11.541 -15.2959 -18.9873 -20.7148c-7.55664 -5.49902 -16.8457 -8.72754 -25.8281 -11.8496c-11.293 -3.92578 -21.959 -7.63184 -27.3652 -15.0596c-5.32227 -7.3125 -5.57031 -18.541 -5.83301 -30.4277
c-0.210938 -9.5625 -0.429688 -19.4492 -3.34961 -28.4434c-2.79004 -8.59277 -8.30469 -16.4697 -13.6377 -24.0869c-6.95605 -9.9375 -13.5264 -19.3213 -13.5264 -28.9463c0 -9.62402 6.57031 -19.0088 13.5254 -28.9443
c5.33398 -7.61816 10.8486 -15.4951 13.6387 -24.0889c2.9209 -8.99414 3.13867 -18.8809 3.34961 -28.4424c0.263672 -11.8877 0.511719 -23.1143 5.83301 -30.4287c5.40625 -7.42773 16.0723 -11.1348 27.3643 -15.0605
c8.9834 -3.12207 18.2725 -6.34961 25.8281 -11.8486c7.44727 -5.41992 13.3145 -13.1943 18.9883 -20.7148c7.25098 -9.6084 14.0986 -18.6836 23.002 -21.5742c8.37402 -2.7207 19.0088 0.477539 30.2686 3.86426c9.28809 2.79297 18.8926 5.68066 28.5752 5.68066z
M402.03 250.859c0 -80.5215 -65.5088 -146.03 -146.029 -146.029c-50.6953 0 -97.0215 25.6963 -123.921 68.7393c-2.19727 3.51562 -1.12891 8.14551 2.38672 10.3418c3.51562 2.19727 8.14551 1.12793 10.3418 -2.3877c24.1387 -38.625 65.7061 -61.6846 111.192 -61.6846
c72.2451 0 131.021 58.7754 131.021 131.021c0 72.2461 -58.7754 131.021 -131.021 131.021s-131.021 -58.7754 -131.021 -131.021c0 -13.5137 2.0459 -26.833 6.08398 -39.5859c1.25098 -3.95215 -0.938477 -8.16992 -4.89062 -9.4209
c-3.9502 -1.25195 -8.16895 0.938477 -9.41992 4.89062c-4.50098 14.2217 -6.7832 29.0645 -6.7832 44.1162c0 80.5215 65.5078 146.031 146.029 146.031s146.03 -65.5098 146.03 -146.031zM346.915 273.448c2.68262 -8.25391 0.487305 -17.1436 -5.72754 -23.2031
l-26.1729 -25.5107l6.17871 -36.0244c1.4668 -8.55469 -1.9834 -17.0381 -9.00586 -22.1387c-7.02246 -5.10254 -16.1562 -5.7627 -23.8379 -1.72363l-32.3516 17.0088l-32.3506 -17.0088c-3.34277 -1.75586 -6.95801 -2.62402 -10.5557 -2.625
c-4.67285 0 -9.31543 1.46484 -13.2832 4.34863c-7.02148 5.10059 -10.4717 13.584 -9.00488 22.1387l6.17871 36.0244l-26.1729 25.5107c-6.21582 6.05859 -8.41113 14.9492 -5.72949 23.2031c2.68262 8.25391 9.68359 14.1572 18.2725 15.4062l36.1709 5.25586
l16.1758 32.7754c3.84082 7.78223 11.6201 12.6182 20.2979 12.6182c8.67969 0 16.458 -4.83594 20.2988 -12.6182l16.1758 -32.7754l36.1709 -5.25586c8.58887 -1.24902 15.5908 -7.15234 18.2725 -15.4062zM330.711 260.996
c2.12402 2.07031 2.8457 4.99219 1.93262 7.81445c-0.916016 2.82422 -3.21777 4.76465 -6.15625 5.19141l-36.2725 5.27148c-4.8252 0.701172 -8.99414 3.73047 -11.1523 8.10156l-16.2217 32.8711c-1.31445 2.66113 -3.87109 4.25 -6.83887 4.25
s-5.52344 -1.58887 -6.83789 -4.25l-16.2207 -32.8701c-2.15918 -4.37207 -6.32812 -7.40137 -11.1533 -8.10254l-36.2734 -5.27148c-2.9375 -0.426758 -5.2373 -2.36816 -6.15527 -5.19043c-0.917969 -2.82324 -0.196289 -5.74512 1.92871 -7.81543l26.2471 -25.585
c3.49121 -3.4043 5.08496 -8.30566 4.25977 -13.1113l-6.19629 -36.127c-0.501953 -2.92578 0.632812 -5.71387 3.0332 -7.45898c2.40137 -1.74414 5.4043 -1.95996 8.03027 -0.579102l32.4434 17.0566c4.31641 2.26953 9.46973 2.26953 13.7852 0l32.4443 -17.0566
c2.62598 -1.38086 5.62891 -1.16504 8.03027 0.579102c2.40039 1.74512 3.53418 4.5332 3.0332 7.45898l-6.19629 36.127c-0.825195 4.80566 0.768555 9.70801 4.25977 13.1113z" />
<glyph glyph-name="015-arrows" unicode="&#xf10e;"
d="M501.334 202.675c5.8877 0 10.667 -4.7793 10.667 -10.667c0 -5.88867 -4.7793 -10.667 -10.667 -10.667h-490.662c-5.8877 0 -10.667 4.77832 -10.667 10.667c0 5.8877 4.7793 10.667 10.667 10.667h490.662zM188.867 28.873
c4.16016 -4.16016 4.16016 -10.9219 0.000976562 -15.083c-2.07031 -2.06934 -4.7998 -3.11523 -7.53125 -3.11523c-2.73047 0 -5.46094 1.04688 -7.55176 3.11523l-170.665 170.666c-4.16016 4.15918 -4.16016 10.9229 0 15.082c4.16016 4.16016 10.9229 4.16016 15.083 0z
M188.867 370.204c4.16016 -4.16016 4.16016 -10.9229 0 -15.083l-170.664 -170.665c-2.07031 -2.07031 -4.7998 -3.11523 -7.53125 -3.11523c-2.73047 0 -5.46094 1.0459 -7.55176 3.11523c-4.16016 4.15918 -4.16016 10.9229 0 15.082l170.664 170.666
c4.16016 4.15918 10.9229 4.15918 15.083 0z" />
<glyph glyph-name="025-comment" unicode="&#xf118;"
d="M85.333 230.698c-4.71875 0 -8.5332 3.82324 -8.5332 8.53418c0 4.70996 3.81445 8.5332 8.5332 8.5332h110.934c4.71875 0 8.5332 -3.82324 8.5332 -8.5332c0 -4.71094 -3.81445 -8.53418 -8.5332 -8.53418h-110.934zM307.2 196.565
c4.71875 0 8.5332 -3.82324 8.5332 -8.5332c0 -4.71094 -3.81445 -8.5332 -8.5332 -8.5332h-221.867c-4.71875 0 -8.5332 3.82227 -8.5332 8.5332c0 4.70996 3.81445 8.5332 8.5332 8.5332h221.867zM307.2 145.365c4.71875 0 8.5332 -3.82324 8.5332 -8.5332
s-3.81445 -8.5332 -8.5332 -8.5332h-221.867c-4.71875 0 -8.5332 3.82324 -8.5332 8.5332s3.81445 8.5332 8.5332 8.5332h221.867zM461.414 426.368c27.8955 -0.00878906 50.5859 -22.707 50.5859 -50.6025v-180.421c0 -27.8955 -22.6982 -50.5938 -50.6025 -50.5938
h-9.13086v-85.333c0 -3.52441 -2.16699 -6.69043 -5.46094 -7.96191c-0.999023 -0.383789 -2.04004 -0.572266 -3.07227 -0.572266c-2.35547 0 -4.66797 0.981445 -6.31445 2.79102l-44.8857 49.374v-0.964844c0 -27.8955 -22.6982 -50.5938 -50.6025 -50.5938
l-141.875 -0.580078l-82.8076 -91.0938c-1.64746 -1.80859 -3.95996 -2.79004 -6.31445 -2.79004c-1.0332 0 -2.07422 0.1875 -3.07227 0.571289c-3.29395 1.27148 -5.46094 4.4375 -5.46094 7.96191v85.333h-51.7979c-27.9043 0 -50.6025 22.6904 -50.6025 50.5947v180.402
c0 27.9043 22.6982 50.6035 50.6025 50.6035l68.8643 0.144531v43.7246c0 27.9043 22.6982 50.6035 50.6025 50.6035zM375.467 102.093v23.0488v157.363c0 18.4912 -15.0439 33.5361 -33.5361 33.5361l-213.914 -0.444336h-0.0166016v0l-77.3799 -0.162109
c-18.5088 0 -33.5537 -15.0439 -33.5537 -33.5361v-180.403c0 -18.4824 15.0449 -33.5273 33.5361 -33.5273h60.3311c4.71875 0 8.5332 -3.82227 8.5332 -8.5332v-71.7998l70.4854 77.543c1.60449 1.7666 3.89062 2.78125 6.28027 2.79004l145.664 0.597656
c18.5264 0 33.5703 15.0352 33.5703 33.5273zM494.934 195.362h0.0078125v180.411c0 18.4922 -15.0439 33.5361 -33.5352 33.5361h-0.0175781l-291.336 0.597656c-18.4756 0 -33.5195 -15.0439 -33.5195 -33.5361v-43.6904l205.381 0.417969
c27.9209 0 50.6191 -22.6982 50.6191 -50.6025v-154.061l42.667 -46.9336v71.7998c0 4.70996 3.81445 8.5332 8.5332 8.5332h17.6641c18.4912 0 33.5361 15.0352 33.5361 33.5273z" />
<glyph glyph-name="021-phone" unicode="&#xf114;"
d="M104.33 107.657c-41.5879 49.9688 -69.5967 96.7559 -88.1631 147.149c-12.0938 32.5703 -16.7617 59.5176 -14.7461 84.873c1.69727 20.2637 9.86621 37.7695 24.2949 52.1973l39.6787 39.6787c11.3516 10.8213 24.2949 16.4443 37.7686 16.4443
c13.5791 0 26.417 -5.62305 37.3438 -16.3379c7.21484 -6.68359 14.5352 -14.1104 21.5371 -21.3252c3.60742 -3.71289 7.1084 -7.32031 10.8213 -11.0332l31.6152 -31.6152c11.5645 -11.458 17.6113 -24.7197 17.6113 -38.1934s-6.15332 -26.7354 -17.6113 -38.1934
c-3.28906 -3.28809 -6.57715 -6.57715 -9.76074 -9.86621c-9.01758 -9.23047 -18.3535 -18.6719 -28.3262 -27.6904c7.1084 -16.4434 17.293 -32.5693 32.4639 -51.7725c30.0244 -36.8135 61.4277 -65.459 96.0137 -87.4199
c3.50098 -2.22754 7.42676 -4.24316 11.6699 -6.36523c3.39551 -1.69727 7.00195 -3.50098 10.5029 -5.5166l37.9814 37.9805c11.1396 11.1396 24.1885 17.0811 37.7686 17.0811s26.5234 -5.94141 37.3447 -17.1875l63.7607 -63.7607
c22.8096 -22.8096 22.8096 -52.7275 0.212891 -76.2803c-4.88086 -5.09277 -9.97266 -10.0791 -14.959 -14.8525c-7.32129 -7.1084 -14.3232 -13.792 -20.4766 -21.2188c-0.105469 -0.211914 -0.318359 -0.424805 -0.423828 -0.530273
c-17.293 -18.7783 -38.5117 -27.9023 -64.9287 -27.9023c-2.43945 0 -4.77441 0.106445 -7.21387 0.211914c-39.3604 2.54688 -74.6885 17.3994 -101.105 29.918c-69.3848 33.6318 -130.175 81.1602 -180.675 141.527zM27.3066 337.452
c-1.69727 -21.3242 2.44043 -44.7705 13.3682 -73.9463c17.6113 -47.5293 44.2402 -91.876 83.8125 -139.511c48.0596 -57.502 105.986 -102.804 171.976 -134.737c24.2949 -11.5635 56.6523 -25.1436 91.4512 -27.3711
c1.80371 -0.106445 3.71289 -0.212891 5.5166 -0.212891c18.7783 0 33.3125 6.15332 45.5137 19.3096c7.00195 8.38086 14.7461 15.8076 22.1729 23.0215c4.98633 4.77441 9.6543 9.33594 14.1104 14.1104c12.9434 13.4736 13.0488 27.2656 0.318359 39.9971
l-63.9736 63.8672c-4.1377 4.45605 -10.7148 9.44238 -18.7783 9.44238c-6.57812 0 -13.2617 -3.28906 -19.415 -9.44238l-39.6777 -39.6787c-1.80371 -1.80371 -7.32031 -7.21387 -15.8086 -7.21387c-3.39453 0 -6.78906 0.848633 -10.29 2.65234
c-0.424805 0.211914 -0.743164 0.423828 -1.16699 0.635742c-3.50195 2.22852 -7.42676 4.24414 -11.6709 6.36621c-4.56152 2.33398 -9.44141 4.66797 -14.0039 7.63867c-36.9199 23.4463 -70.4453 53.8945 -102.272 93.1484
c-17.7178 22.2793 -29.0693 40.9512 -37.2383 60.5781c-0.106445 0.318359 -0.211914 0.53125 -0.318359 0.849609c-2.12207 6.36523 -3.50098 14.7461 5.30469 23.5518c0.211914 0.212891 0.318359 0.318359 0.530273 0.530273
c10.1846 9.01855 19.415 18.4609 29.2812 28.4336c3.28906 3.28809 6.57812 6.68359 9.86719 9.97168c6.57715 6.57812 9.97266 13.2617 9.97266 19.8398c0 6.57715 -3.39551 13.2617 -9.97266 19.8389l-31.6162 31.6152c-3.71289 3.81934 -7.42578 7.5332 -11.0332 11.2461
c-7.21387 7.32031 -13.8984 14.2168 -21.0059 20.7939c-6.04785 6.15332 -12.625 9.23047 -19.0967 9.23047c-6.57812 0 -13.3682 -3.07715 -19.5215 -9.01855l-39.4658 -39.4658c-10.1846 -10.1846 -15.5957 -21.9609 -16.8691 -36.0713z" />
<glyph glyph-name="023-long-arrow-pointing-to-the-right" unicode="&#xf116;"
d="M509.034 199.68c1.97461 -1.97461 2.96582 -4.24316 2.96582 -6.80469c0 -2.76758 -0.984375 -5.13379 -2.95996 -7.1084l-113.774 -104.896c-3.16113 -2.75977 -6.61719 -3.35938 -10.374 -1.77246c-3.74805 1.77246 -5.63281 4.63477 -5.63281 8.59082v66.3701
h-369.778c-2.7627 0 -5.03516 0.886719 -6.81543 2.66406c-1.77734 1.77441 -2.66504 4.04688 -2.66504 6.81055v56.8877c0 2.76465 0.891602 5.03711 2.66602 6.81445c1.77539 1.77734 4.04883 2.66504 6.81543 2.66504h369.774v66.3701
c0 4.15039 1.88281 7.0127 5.63281 8.5957c3.75293 1.58008 7.20898 1.08594 10.3701 -1.48145z" />
<glyph glyph-name="017-angle-arrow-pointing-to-right" unicode="&#xf110;"
d="M400.17 203.802c3.41797 -3.42676 5.11621 -7.36133 5.11621 -11.8076c0 -4.44531 -1.71094 -8.38184 -5.12891 -11.7998l-239.062 -239.066c-3.4209 -3.41895 -7.35645 -5.12793 -11.7998 -5.12793c-4.44531 0 -8.38086 1.70508 -11.7998 5.12793l-25.6494 25.6436
c-3.4248 3.41992 -5.12988 7.35547 -5.12988 11.8057c0 4.44043 1.70508 8.37598 5.12988 11.7949l201.619 201.622l-201.619 201.619c-3.4248 3.41992 -5.12988 7.34766 -5.12988 11.8008c0 4.45215 1.70508 8.37988 5.12988 11.7998l25.6475 25.6523
c3.41895 3.41797 7.35449 5.13379 11.7998 5.13379c4.44434 0 8.38086 -1.71582 11.8018 -5.13379z" />
<glyph glyph-name="004-tick" unicode="&#xf103;"
d="M242.115 157.05l209.962 230.455l27.7178 -25.2539l-235.755 -258.768l-128.522 122.177l25.8398 27.1787zM465.234 291.2c9.69434 -26.2822 14.7656 -54.3486 14.7656 -83.2002c0 -64.1045 -24.9639 -124.377 -70.2949 -169.705
c-45.3281 -45.3311 -105.601 -70.2949 -169.705 -70.2949s-124.377 24.9639 -169.705 70.2949c-45.3311 45.3281 -70.2949 105.601 -70.2949 169.705s24.9639 124.377 70.2949 169.705c45.3281 45.3311 105.601 70.2949 169.705 70.2949
c59.6748 0 116.019 -21.6445 160.09 -61.1982l-25.2803 -27.835c-35.833 32.0273 -83.083 51.5332 -134.81 51.5332c-111.656 0 -202.5 -90.8438 -202.5 -202.5s90.8438 -202.5 202.5 -202.5s202.5 90.8438 202.5 202.5c0 17.6104 -2.26172 34.7021 -6.50684 51.0029z
M465.234 291.2z" />
<glyph glyph-name="006-backward" unicode="&#xf105;"
d="M510.155 33.3662c1.57812 -15.8252 1.95801 -28.0107 1.81738 -41.291c-0.0195312 -1.76562 -0.0195312 -1.76562 -0.0244141 -2.72461c0 -21.6738 -28.5762 -29.5352 -39.6611 -10.9102c-23.7646 39.9297 -50.7559 70.7842 -80.3252 93.5898
c-53.4561 41.2285 -109.11 53.1699 -157.318 48.3467v-109.694c0 -19.0039 -22.9775 -28.5215 -36.415 -15.084l-191.98 191.98c-8.33008 8.33008 -8.33008 21.8369 0 30.167l191.98 191.98c13.4375 13.4375 36.415 3.9209 36.415 -15.083v-85.4336
c120.58 -5.12793 226.8 -87.21 261.494 -204.243c7.21289 -24.3506 11.6973 -48.3389 14.0176 -71.6006zM418.017 105.812c15.5029 -11.9561 30.3066 -25.75 44.3418 -41.4521c-1.93164 9.41895 -4.29199 18.9258 -7.12402 28.4844
c-30.959 104.435 -129.089 176.25 -237.857 173.899c-1.7793 -0.0302734 -2.4668 -0.0458984 -3.33008 -0.0761719c-12.0625 -0.415039 -22.0664 9.25098 -22.0664 21.3193v55.1572l-140.482 -140.481l140.482 -140.484v76.4893c0 9.77246 6.64062 18.2949 16.1152 20.6846
c2.5957 0.654297 6.90723 1.5127 12.7568 2.33008c60.4229 8.45605 130.62 -4.54688 197.164 -55.8701z" />
<glyph glyph-name="005-right-arrow-1" unicode="&#xf104;"
d="M506.134 206.157c7.80957 -7.79199 7.83398 -20.4961 0.000976562 -28.3145c-0.00683594 -0.00585938 -0.0117188 -0.0126953 -0.0175781 -0.0185547l-104.504 -104c-7.82812 -7.79004 -20.4922 -7.76367 -28.2852 0.0673828
c-7.79199 7.8291 -7.76172 20.4922 0.0664062 28.2842l70.1621 69.8242h-423.557c-11.0459 0 -20 8.9541 -20 20s8.9541 20 20 20h423.558l-70.1641 69.8242c-7.82812 7.79199 -7.8584 20.4551 -0.0664062 28.2842c7.79297 7.83008 20.4561 7.8584 28.2852 0.0673828
l104.504 -104c0.00683594 -0.00585938 0.0117188 -0.0126953 0.0175781 -0.0185547z" />
<glyph glyph-name="012-remove" unicode="&#xf10b;"
d="M256 448c141.316 -0.167969 255.832 -114.684 256 -256c0 -141.387 -114.613 -256 -256 -256s-256 114.613 -256 256s114.613 256 256 256zM256 -32c123.656 0.132812 223.867 100.344 224 224c0 123.711 -100.289 224 -224 224s-224 -100.289 -224 -224
s100.289 -224 224 -224zM256 -32zM380.449 316.449c6.24609 -6.25 6.24609 -16.3789 0 -22.625l-101.824 -101.824l101.82 -101.824c5.98828 -6.19922 5.98828 -16.0312 0 -22.2305c-6.13672 -6.35547 -16.2656 -6.53125 -22.6211 -0.394531l-101.824 101.824
l-101.824 -101.824c-0.128906 -0.132812 -0.261719 -0.261719 -0.394531 -0.390625c-6.35547 -6.14062 -16.4844 -5.96484 -22.6211 0.390625c-6.14062 6.35938 -5.96484 16.4883 0.390625 22.625l101.824 101.824l-101.824 101.824
c-0.132812 0.128906 -0.261719 0.261719 -0.390625 0.394531c-6.14062 6.35547 -5.96484 16.4844 0.390625 22.6211c6.35547 6.14062 16.4844 5.96484 22.625 -0.390625l101.824 -101.824l101.824 101.824c6.24609 6.24609 16.375 6.24609 22.625 0zM380.449 316.449z" />
<glyph glyph-name="024-talk" unicode="&#xf117;"
d="M421.296 388.912c32.6309 0 59.1729 -26.543 59.1729 -59.1699v-184.956c0 -31.9414 -25.4277 -58.0469 -57.1025 -59.1406v-85.666l-123.067 85.6338h-181.223c-7.00879 0 -13.7275 1.24316 -19.9707 3.48926l-42.0029 -29.2227v85.6719
c-31.6748 1.08789 -57.1025 27.1992 -57.1025 59.1348v184.956c0 32.627 26.543 59.1699 59.1729 59.1699h302.223c32.6279 0 59.1738 -26.543 59.1738 -59.1699v-0.730469h0.726562zM28.1523 204.687c0 -17.1055 13.915 -31.0205 31.0205 -31.0205h26.082v-59.9004
l86.082 59.9004h190.059c17.1064 0 31.0205 13.915 31.0205 31.0205v184.956c0 17.1025 -13.9141 31.0176 -31.0205 31.0176h-302.223c-17.1055 0 -31.0205 -13.915 -31.0205 -31.0176v-184.956zM452.316 144.786v184.956c0 17.1025 -13.915 31.0176 -31.0205 31.0176
h-0.726562v-156.073c0 -32.6279 -26.5459 -59.1729 -59.1738 -59.1729h-181.226l-45.627 -31.748h174.589l86.082 -59.9004v59.9004h26.082c17.1055 0 31.0205 13.915 31.0205 31.0205zM452.316 144.786zM139.959 316.511h28.0352v-28.0361h-28.0352v28.0361z
M139.959 316.511zM196.264 316.511h28.0352v-28.0361h-28.0352v28.0361zM196.264 316.511zM252.569 315.886h28.0352v-28.0352h-28.0352v28.0352zM252.569 315.886z" />
<glyph glyph-name="013-signs" unicode="&#xf10c;"
d="M507.84 -39.7324c5.54688 -5.54688 5.54688 -14.5645 0.000976562 -20.1123c-2.75977 -2.76074 -6.39941 -4.1543 -10.041 -4.1543s-7.28223 1.39551 -10.0703 4.1543l-483.569 483.569c-5.54688 5.54688 -5.54688 14.5645 0 20.1113s14.5645 5.54688 20.1113 0z
M507.84 443.836c5.54688 -5.54688 5.54688 -14.5635 0 -20.1104l-483.568 -483.569c-2.75977 -2.75977 -6.40039 -4.15332 -10.042 -4.15332s-7.28125 1.39453 -10.0693 4.15332c-5.54688 5.54688 -5.54688 14.5645 0 20.1113l483.568 483.568
c5.54688 5.54688 14.5645 5.54688 20.1113 0z" />
<glyph glyph-name="008-star" unicode="&#xf107;"
d="M256 61.8662l-157.866 -115.199l59.7324 187.733l-157.866 110.933h192l64 192l64 -192h192l-157.866 -110.933l59.7324 -187.733z" />
<glyph glyph-name="019-gps" unicode="&#xf112;"
d="M187.732 448c103.634 -0.116211 187.616 -84.0996 187.733 -187.732c0 -100.871 -173.754 -312.225 -181.154 -321.17c-1.62012 -1.96289 -4.0332 -3.09668 -6.5791 -3.09668s-4.95801 1.13379 -6.5791 3.09668c-7.39551 8.94531 -181.153 220.299 -181.153 321.17
c0.116211 103.633 84.0996 187.616 187.732 187.732zM187.732 -41.8984c32.1133 40.083 170.667 217.949 170.667 302.166c0 94.2578 -76.4082 170.666 -170.667 170.666c-94.2539 0 -170.666 -76.4082 -170.666 -170.666c0 -84.2168 138.559 -262.083 170.666 -302.166z
M187.732 -41.8984zM187.732 405.333c80.084 -0.0869141 144.979 -64.9873 145.066 -145.065c0 -80.1172 -64.9453 -145.066 -145.066 -145.066c-80.1162 0 -145.065 64.9492 -145.065 145.066c0 80.1162 64.9492 145.065 145.065 145.065zM187.732 132.268
c70.6582 0.0791016 127.921 57.3418 128 128c0 70.6914 -57.3086 127.999 -128 127.999s-127.999 -57.3076 -127.999 -127.999s57.3076 -128 127.999 -128zM187.732 132.268zM295.595 275.363c2.7666 -2.30078 3.79199 -6.08398 2.57129 -9.4668
c-1.22559 -3.37891 -4.4375 -5.63379 -8.0332 -5.62891h-25.6006v-76.7998c0 -4.71289 -3.82031 -8.5332 -8.5332 -8.5332h-51.1992c-4.71289 0 -8.5332 3.82031 -8.5332 8.5332v51.1992h-17.125l-0.367188 -51.2578c-0.0332031 -4.69141 -3.8457 -8.47461 -8.5332 -8.47461
h-50.7744c-4.71289 0 -8.53418 3.82031 -8.53418 8.5332v76.7998h-25.5996c-3.5957 -0.00488281 -6.80859 2.25 -8.0293 5.62891c-1.22461 3.38281 -0.195312 7.16602 2.56738 9.4668l102.399 85.333c3.16602 2.63281 7.7627 2.63281 10.9248 0zM255.999 277.334h10.5674
l-78.834 65.708l-78.8281 -65.708h10.5625c4.71191 0 8.5332 -3.82129 8.5332 -8.5332v-76.7998h33.7744l0.358398 51.2578c0.0332031 4.69141 3.8457 8.47461 8.5332 8.47461h34.1338c4.71191 0 8.5332 -3.82031 8.5332 -8.5332v-51.1992h34.1328v76.7998
c0 4.71191 3.82129 8.5332 8.5332 8.5332zM255.999 277.334z" />
<glyph glyph-name="002-search" unicode="&#xf101;"
d="M495 -18.2002c8 -7.89941 8 -20.8994 0 -28.7998c-8 -8 -20.9004 -8 -28.9004 0l-117.8 117.7c-35.5996 -29.2002 -81.0996 -46.7002 -130.8 -46.7002c-114.1 0 -206.5 92.5 -206.5 206.5s92.4004 206.5 206.5 206.5c114 0 206.5 -92.5 206.5 -206.5
c0 -49.7002 -17.5996 -95.2998 -46.7998 -130.9zM217.5 65.0996c91.2002 0 165.5 74.2002 165.5 165.4s-74.2998 165.5 -165.5 165.5c-91.2998 0 -165.5 -74.2998 -165.5 -165.5s74.2002 -165.4 165.5 -165.4z" />
</font>
</defs></svg>

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 678 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 1.8 MiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 1.7 MiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 130 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

Some files were not shown because too many files have changed in this diff Show More