├── CNAME
├── LICENSE
├── assets
    ├── css
    │   ├── demo.css
    │   └── style.css
    └── icon
    │   └── favicon.png
├── demo
    ├── align
    │   └── index.html
    ├── curve
    │   └── index.html
    ├── flow
    │   └── index.html
    ├── grid
    │   └── index.html
    ├── layer
    │   └── index.html
    ├── line
    │   └── index.html
    ├── point
    │   └── index.html
    └── space
    │   └── index.html
├── download
    ├── align.zip
    ├── curve.zip
    ├── flow.zip
    ├── grid.zip
    ├── layer.zip
    ├── line.zip
    ├── point.zip
    └── space.zip
├── index.html
├── robots.txt
└── sitemap.xml


/CNAME:
--------------------------------------------------------------------------------
1 | uisual.com


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2020-present El Nino Hanif Maulana and Uisual
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.


--------------------------------------------------------------------------------
/assets/css/demo.css:
--------------------------------------------------------------------------------
1 | :root{--ui-color-brand:#353535;--ui-color-n-000:#fff;--ui-color-n-100:#ebebeb;--ui-color-background-primary:var(--ui-color-n-000);--ui-color-background-secondary:var(--ui-color-n-100);--ui-color-typography-button:var(--ui-color-n-000);--ui-typography-typeface:"Inter",sans-serif;--ui-typography-s:.8125rem;--ui-layout-container:1.25rem;--ui-radius-button:5rem}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background-color:var(--ui-color-background-primary);font-family:var(--ui-typography-typeface);font-feature-settings:"liga","kern";margin:0 auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:var(--ui-color-typography-button);text-decoration:none}svg{display:block;height:auto;margin:0 auto;max-width:100%}.ui-layout-container{padding-left:var(--ui-layout-container);padding-right:var(--ui-layout-container)}.ui-demo-button{background-color:var(--ui-color-brand);border:.0625rem solid var(--ui-color-brand);border-radius:var(--ui-radius-button);color:var(--ui-color-typography-button);display:block;font-size:var(--ui-typography-s);font-weight:700;line-height:1;padding:.375rem .625rem .4375rem;text-align:center}.ui-demo-banner{background-color:var(--ui-color-background-secondary);padding-bottom:1.25rem;padding-top:1.25rem}.ui-demo-banner__layout{align-items:center;display:flex;justify-content:space-between}iframe{height:calc(100% - 4.25rem);position:absolute;width:100%}@media screen and (min-width:48rem){:root{--ui-typography-s:.875rem}.ui-demo-button{padding:.5rem .75rem .5625rem}iframe{height:calc(100% - 4.5625rem)}}


--------------------------------------------------------------------------------
/assets/css/style.css:
--------------------------------------------------------------------------------
1 | :root{--ui-color-brand:#353535;--ui-color-n-000:#fff;--ui-color-n-100:#ebebeb;--ui-color-n-300:#aeaeae;--ui-color-n-500:#353535;--ui-color-n-700:#282828;--ui-color-n-900:#1a1a1a;--ui-color-background-primary:var(--ui-color-n-000);--ui-color-background-secondary:var(--ui-color-n-100);--ui-color-border:var(--ui-color-n-100);--ui-color-typography-heading:var(--ui-color-n-500);--ui-color-typography-body:var(--ui-color-n-900);--ui-color-typography-note:var(--ui-color-n-300);--ui-color-typography-button:var(--ui-color-n-000);--ui-typography-typeface:"Inter", sans-serif;--ui-typography-h1:1.9375rem;--ui-typography-h2:1.5625rem;--ui-typography-h4:1rem;--ui-typography-p:1rem;--ui-typography-s:.8125rem;--ui-typography-h1-leading:1.2;--ui-typography-h2-leading:1.2;--ui-typography-h4-leading:1.25;--ui-typography-p-leading:1.5;--ui-typography-margin-heading:.75rem;--ui-typography-margin-body:1.125rem;--ui-layout-container:1.25rem;--ui-layout-grid:3.625rem;--ui-layout-gutter:1rem;--ui-gap-cta:.75rem;--ui-gap-content:1.25rem;--ui-padding-card:1.25rem;--ui-radius-button:5rem;--ui-radius-card:.5rem}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:var(--ui-color-background-primary);color:var(--ui-color-typography-body);font-family:var(--ui-typography-typeface);font-feature-settings:"liga","kern";font-size:var(--ui-typography-p);font-weight:400;line-height:var(--ui-typography-p-leading);margin:0 auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:var(--ui-color-brand);text-decoration-color:var(--ui-color-typography-note)}h1,h2,h4,p{margin-top:0}h1,h2,h4{color:var(--ui-color-typography-heading)}h1,h2{margin-bottom:var(--ui-typography-margin-heading)}h1{font-size:var(--ui-typography-h1);line-height:var(--ui-typography-h1-leading)}h2{font-size:var(--ui-typography-h2);line-height:var(--ui-typography-h2-leading)}h4{font-size:var(--ui-typography-h4);line-height:var(--ui-typography-h4-leading)}p{margin-bottom:var(--ui-typography-margin-body)}p:last-child{margin-bottom:0}strong{font-weight:700}small{font-size:var(--ui-typography-s)}.ui-text-note{color:var(--ui-color-typography-note);line-height:1}img,svg{display:block;height:auto;margin:0 auto;max-width:100%}.ui-layout-container{padding-left:var(--ui-layout-container);padding-right:var(--ui-layout-container)}.ui-layout-flex,.ui-layout-grid{align-items:center;justify-content:center}.ui-layout-flex{display:flex}.ui-layout-grid{display:grid}.ui-component-cta{flex-direction:column;row-gap:var(--ui-gap-cta)}.ui-component-button{border:.0625rem solid var(--ui-color-brand);border-radius:var(--ui-radius-button);display:block;font-weight:700;line-height:1;text-align:center;text-decoration:none}.ui-component-button-primary{background-color:var(--ui-color-brand);color:var(--ui-color-typography-button)}.ui-component-button-big{padding:1rem 1rem 1.125rem;width:100%}.ui-component-button-small{font-size:var(--ui-typography-s);padding:.375rem .625rem .4375rem}.ui-component-card{border:.0625rem solid var(--ui-color-border);border-radius:var(--ui-radius-card);overflow:hidden;width:100%}.ui-component-card--preview{background-color:var(--ui-color-background-secondary);display:block;padding-left:var(--ui-padding-card);padding-right:var(--ui-padding-card);padding-top:var(--ui-padding-card)}.ui-component-card--image{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.ui-component-card--info{column-gap:.75rem;grid-template-columns:1fr auto;padding:var(--ui-padding-card)}.ui-component-card--title{line-height:1;margin-bottom:0}.ui-component-card--link{text-decoration:none}.ui-section-banner{background-color:var(--ui-color-background-secondary);font-size:var(--ui-typography-s);text-align:center}.ui-section-banner,.ui-section-header{padding-bottom:1.25rem;padding-top:1.25rem}.ui-section-header__layout{justify-content:space-between}.ui-section-hero{padding-bottom:5rem;padding-top:5rem;text-align:center}.ui-section-content{padding-bottom:1.25rem;padding-top:1.25rem}.ui-section-content__layout{row-gap:var(--ui-gap-content)}.ui-section-close{padding-bottom:5rem;padding-top:5rem}.ui-section-close__layout{align-items:stretch;flex-direction:column;row-gap:var(--ui-typography-margin-body);text-align:center}.ui-section-footer{padding-bottom:1.25rem;padding-top:1.25rem}.ui-section-footer__layout{column-gap:var(--ui-layout-gutter)}.ui-section-footer--copyright{margin-bottom:0;margin-right:auto}@media screen and (min-width:48rem){:root{--ui-typography-h1:2.1875rem;--ui-typography-h2:1.75rem;--ui-typography-h4:1.125rem;--ui-typography-p:1.125rem;--ui-typography-s:.875rem;--ui-typography-margin-body:1.25rem;--ui-layout-container:4.25rem;--ui-layout-gutter:1.5rem;--ui-gap-content:1.5rem;--ui-padding-card:1.5rem}br{display:none}.ui-layout-column-center,.ui-layout-container{margin-left:auto;margin-right:auto}.ui-layout-grid-3{column-gap:var(--ui-layout-gutter);grid-template-columns:repeat(2,1fr);justify-items:center}.ui-layout-column-4{width:calc((var(--ui-layout-grid)*4) + (var(--ui-layout-gutter)*3))}.ui-layout-column-6{width:calc((var(--ui-layout-grid)*6) + (var(--ui-layout-gutter)*5))}.ui-component-button-small{padding:.5rem .75rem .5625rem}.ui-section-content,.ui-section-header{padding-bottom:2rem;padding-top:2rem}.ui-section-close__layout{align-items:center;column-gap:var(--ui-layout-gutter);flex-direction:row;justify-content:space-between;text-align:left}.ui-section-footer{padding-bottom:2rem;padding-top:2rem}}@media screen and (min-width:64rem){:root{--ui-layout-container:0}.ui-layout-container{width:60rem}.ui-layout-grid-3{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:75rem){:root{--ui-typography-h1:2.75rem;--ui-typography-h2:2.1875rem;--ui-typography-h4:1.4375rem;--ui-typography-margin-heading:1rem;--ui-typography-margin-body:1.75rem;--ui-layout-grid:4rem;--ui-layout-gutter:2rem;--ui-gap-content:2rem}.ui-text-intro{font-size:var(--ui-typography-h4)}.ui-layout-container{width:70rem}.ui-section-header{padding-bottom:3rem;padding-top:3rem}.ui-section-hero{padding-bottom:7.5rem;padding-top:7.5rem}.ui-section-content{padding-bottom:3rem;padding-top:3rem}.ui-section-close{padding-bottom:7.5rem;padding-top:7.5rem}.ui-section-footer{padding-bottom:3rem;padding-top:3rem}}


--------------------------------------------------------------------------------
/assets/icon/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/assets/icon/favicon.png


--------------------------------------------------------------------------------
/demo/align/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/align/"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Align: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/align.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/align/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/demo/curve/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/curve"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Curve: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/curve.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/curve/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/demo/flow/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/flow/"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Flow: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/flow.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/flow/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/demo/grid/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/grid"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Grid: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/grid.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/grid/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/demo/layer/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/layer"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Layer: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/layer.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/layer/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/demo/line/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/line"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Line: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/line.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/line/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/demo/point/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/point"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Point: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/point.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/point/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/demo/space/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/demo/space"><link rel="icon" type="image/png" href="../../assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="../../assets/css/demo.css"><link rel="stylesheet" href="../../assets/css/demo.css"><title>Space: Free Landing Page Template from Uisual</title></head><body><div class="ui-demo-banner"><div class="ui-layout-container"><div class="ui-demo-banner__layout"><a href="/" role="link" aria-label="#"><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="#"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a><a href="../../download/space.zip" target="_blank" role="link" aria-label="Free Download" class="ui-demo-button">Download</a></div></div></div><iframe src="https://view.uisual.com/space/" loading="lazy" frameborder="0" width="100%" height="100%" scrolling="yes" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen></iframe><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/download/align.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/align.zip


--------------------------------------------------------------------------------
/download/curve.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/curve.zip


--------------------------------------------------------------------------------
/download/flow.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/flow.zip


--------------------------------------------------------------------------------
/download/grid.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/grid.zip


--------------------------------------------------------------------------------
/download/layer.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/layer.zip


--------------------------------------------------------------------------------
/download/line.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/line.zip


--------------------------------------------------------------------------------
/download/point.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/point.zip


--------------------------------------------------------------------------------
/download/space.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/uisual/website/ce0961028033e0a6a874ce92c93be9a6f5648fce/download/space.zip


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 | <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="uisual" content="Made with Uisual (uisual.com)"><meta name="author" content="Uisual"><meta name="description" content="Free plain HTML and CSS landing page templates for startups."><meta name="referrer" content="unsafe-url"><meta name="robots" content="index, follow"><link rel="preconnect" href="https://res.cloudinary.com"><link rel="dns-prefetch" href="https://res.cloudinary.com"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="dns-prefetch" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com"><link rel="dns-prefetch" href="https://fonts.gstatic.com"><link rel="preconnect" href="https://www.google-analytics.com"><link rel="dns-prefetch" href="https://www.google-analytics.com"><link rel="me" href="studio@uisual.com"><link rel="canonical" href="https://uisual.com/"><link rel="icon" type="image/png" href="assets/icon/favicon.png" sizes="48x48"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"><link rel="preload" as="style" href="assets/css/style.css"><link rel="stylesheet" href="assets/css/style.css"><title>Uisual: Free Landing Page Templates for Startups</title></head><body><div class="ui-section-banner"><div class="ui-layout-container"><p>Now with MIT License. New template soon!</p></div></div><header role="banner" class="ui-section-header"><div class="ui-layout-container"><div class="ui-section-header__layout ui-layout-flex"><a href="#" role="link" aria-label="Uisual homepage."><svg viewBox="0 0 18 18" height="18" width="18" role="img" aria-label="Uisual Logo"><path fill="#353535" d="M0 0h4.5v9a4.5 4.5 0 109 0V6H18v3A9 9 0 110 9V0zm18 4.5V0h-4.5v4.5H18z"/></svg></a> <a href="https://github.com/uisual/freebies" target="_blank" rel="noreferrer nofollow" role="link" aria-label="About Uisual templates."><svg viewBox="0 0 24 24" height="20" width="20" fill="none" stroke="#353535" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" role="img" aria-label="About Icon"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg></a></div></div></header><main role="main"><section class="ui-section-hero"><div class="ui-layout-container"><div class="ui-layout-column-6 ui-layout-column-center"><h1>Free Landing<br> Page Templates <br>for Startups</h1><p class="ui-text-intro">Plain HTML &amp; CSS. No JS.</p></div></div></section><section class="ui-section-content"><div class="ui-layout-container"><div class="ui-section-content__layout ui-layout-grid ui-layout-grid-3"><div class="ui-component-card"><a href="demo/align/" target="_blank" role="link" aria-label="Align: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/align.png" alt="Align: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/align/" target="_blank" role="link" aria-label="Align: Free Landing Page Template" class="ui-component-card--link">Align</a></h4><a href="download/align.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div><div class="ui-component-card"><a href="demo/flow/" target="_blank" role="link" aria-label="Flow: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/flow.png" alt="Flow: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/flow/" target="_blank" role="link" aria-label="Flow: Free Landing Page Template" class="ui-component-card--link">Flow</a></h4><a href="download/flow.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div><div class="ui-component-card"><a href="demo/layer/" target="_blank" role="link" aria-label="Layer: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/layer.png" alt="Layer: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/layer/" target="_blank" role="link" aria-label="Layer: Free Landing Page Template" class="ui-component-card--link">Layer</a></h4><a href="download/layer.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div><div class="ui-component-card"><a href="demo/line/" target="_blank" role="link" aria-label="Line: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/line.png" alt="Line: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/line/" target="_blank" role="link" aria-label="Line: Free Landing Page Template" class="ui-component-card--link">Line</a></h4><a href="download/line.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div><div class="ui-component-card"><a href="demo/curve/" target="_blank" role="link" aria-label="Curve: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/curve.png" alt="Curve: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/curve/" target="_blank" role="link" aria-label="Curve: Free Landing Page Template" class="ui-component-card--link">Curve</a></h4><a href="download/curve.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div><div class="ui-component-card"><a href="demo/space/" target="_blank" role="link" aria-label="Space: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/space.png" alt="Space: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/space/" target="_blank" role="link" aria-label="Space: Free Landing Page Template" class="ui-component-card--link">Space</a></h4><a href="download/space.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div><div class="ui-component-card"><a href="demo/grid/" target="_blank" role="link" aria-label="Grid: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/grid.png" alt="Grid: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/grid/" target="_blank" role="link" aria-label="Grid: Free Landing Page Template" class="ui-component-card--link">Grid</a></h4><a href="download/grid.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div><div class="ui-component-card"><a href="demo/point/" target="_blank" role="link" aria-label="Point: Free Landing Page Template" class="ui-component-card--preview"><img src="https://res.cloudinary.com/uisual/image/upload/t_thumbnail/assets/screenshots/point.png" alt="Point: Free Landing Page Template" loading="lazy" class="ui-component-card--image"></a><div class="ui-component-card--info ui-layout-grid"><h4 class="ui-component-card--title"><a href="demo/point/" target="_blank" role="link" aria-label="Point: Free Landing Page Template" class="ui-component-card--link">Point</a></h4><a href="download/point.zip" target="_blank" role="link" aria-label="Free Download" class="ui-component-button ui-component-button-small ui-component-button-primary">Download</a></div></div></div></div></section><section class="ui-section-close"><div class="ui-layout-container"><div class="ui-section-close__layout ui-layout-flex"><div><h2>Need a custom one?</h2><p class="ui-text-intro">Get a custom landing page for $500.</p></div><div class="ui-component-cta ui-layout-flex"><a href="mailto:studio@uisual.com" role="link" aria-label="Hire us via email." class="ui-layout-column-4 ui-component-button ui-component-button-big ui-component-button-primary">Hire Us</a><p class="ui-text-note"><small>You&rsquo;ll get Figma and HTML/CSS/JS files.</small></p></div></div></div></section></main><footer role="contentinfo" class="ui-section-footer"><div class="ui-layout-container"><div class="ui-section-footer__layout ui-layout-flex"><p class="ui-section-footer--copyright ui-text-note"><small>&copy; 2021 Uisual</small></p><a href="https://github.com/uisual" target="_blank" rel="noreferrer nofollow" role="link" aria-label="View our GitHub profile."><svg viewBox="0 0 24 24" height="16" width="16" fill="none" stroke="#AEAEAE" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" role="img" aria-label="GitHub Icon"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0020 4.77 5.07 5.07 0 0019.91 1S18.73.65 16 2.48a13.38 13.38 0 00-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 005 4.77a5.44 5.44 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22"/></svg></a> <a href="https://figma.com/@uisual" target="_blank" rel="noreferrer nofollow" role="link" aria-label="View our Figma profile."><svg viewBox="0 0 24 24" height="16" width="16" fill="none" stroke="#AEAEAE" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" role="img" aria-label="Figma Icon"><path d="M5 5.5A3.5 3.5 0 018.5 2H12v7H8.5A3.5 3.5 0 015 5.5zM12 2h3.5a3.5 3.5 0 110 7H12V2z"/><path d="M12 12.5a3.5 3.5 0 117 0 3.5 3.5 0 11-7 0zM5 19.5A3.5 3.5 0 018.5 16H12v3.5a3.5 3.5 0 11-7 0zM5 12.5A3.5 3.5 0 018.5 9H12v7H8.5A3.5 3.5 0 015 12.5z"/></svg></a> <a href="https://dribbble.com/uisual" target="_blank" rel="noreferrer nofollow" role="link" aria-label="View our Dribbble profile."><svg viewBox="0 0 24 24" height="16" width="16" fill="none" stroke="#AEAEAE" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" role="img" aria-label="Dribbble Icon"><circle cx="12" cy="12" r="10"/><path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"/></svg></a></div></div></footer><script async src="https://www.googletagmanager.com/gtag/js?id=G-CZKB57F4V3"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-CZKB57F4V3");</script></body></html>


--------------------------------------------------------------------------------
/robots.txt:
--------------------------------------------------------------------------------
1 | User-agent: *


--------------------------------------------------------------------------------
/sitemap.xml:
--------------------------------------------------------------------------------
1 | <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><url><loc>https://uisual.com/</loc></url></urlset>


--------------------------------------------------------------------------------