The repo tracks work progress for ura.design website redesign
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

230 lines
9.9 KiB

<!DOCTYPE html>
<html data-theme="light" lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="author"
content="" />
<meta name="description"
content="Complex solutions require simple explanations. Allow us to help you with custom illustrations …" />
<meta name="keywords"
content="design, ux, ui, public, developer, privacy, security, foss, floss" />
<meta name="robots" content="noodp" />
<meta name="theme-color" content="#1F78D1" />
<link rel="canonical" href="http://test.ura.design/services/illustrations/" />
<title>
Illustrations :: Ura Design
</title>
<link rel="stylesheet" href="http://test.ura.design/main.css" />
<link rel="apple-touch-icon" href="http://test.ura.design/favicons/apple-touch-icon.webp">
<link rel="mask-icon" href="http://test.ura.design/favicons/favicon.svg" color="#1F78D1">
<link rel="icon" href="http://test.ura.design/favicons/favicon.svg">
<meta itemprop="name" content="Illustrations">
<meta itemprop="description" content="Complex solutions require simple explanations. Allow us to help you with custom illustrations fitting your brand and storytelling. We stray away from stock images in order to craft visuals tailored for you, not for others. From concept to implementation our hand-drawn illustrations will breathe life into your app.">
<meta itemprop="dateModified" content="2022-06-29T16:53:28+02:00" />
<meta itemprop="wordCount" content="48"><meta itemprop="image" content="http://test.ura.design"/>
<meta itemprop="keywords" content="" /><meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="http://test.ura.design"/>
<meta name="twitter:title" content="Illustrations"/>
<meta name="twitter:description" content="Complex solutions require simple explanations. Allow us to help you with custom illustrations fitting your brand and storytelling. We stray away from stock images in order to craft visuals tailored for you, not for others. From concept to implementation our hand-drawn illustrations will breathe life into your app."/>
</head>
<body class="d-flex flex-column min-vh-100">
<a class="screen-reader-text" href="#content">Skip to content</a>
<button id="theme-toggle" class="acctoggle"><i class="fa-solid fa-circle-half-stroke"></i></button>
<header class="background-blue-500">
<div class="container-fluid">
<div class="container">
<nav class="navbar navbar-expand-lg justify-content-between align-items-center" aria-label="Primary">
<a class="navbar-brand" href="http://test.ura.design">
<img src="http://test.ura.design/img/logo.svg" alt="Ura Design logo" width="100px">
</a>
<button class="navbar-toggler" type="button" aria-label="Toggle navigation" onclick="openNav()">
<i class="fa-solid fa-grip-lines color-blue-500"></i>
</button>
<div class="collapse navbar-collapse flex-grow-0">
<ul class="navbar-nav"><li class="nav-item ms-4">
<a class="nav-link " href="http://test.ura.design/about/">About</a>
</li>
<li class="nav-item ms-4">
<a class="nav-link " href="http://test.ura.design/work/">Work</a>
</li>
<li class="nav-item ms-4">
<a class="nav-link " href="http://test.ura.design/contact/">Contact</a>
</li>
<li class="nav-item ms-4">
<a class="nav-link " href="http://test.ura.design/clients/">Clients</a>
</li>
</ul>
</div>
</nav>
<div id="navbar-mobile" class="overlay d-block d-lg-none" >
<div class="container-fluid">
<div class="container">
<div class="navbar align-items-center justify-content-between">
<a class="brand" href="http://test.ura.design">
<img src="http://test.ura.design/img/logo-white.svg" alt="Ura Design logo" width="100px">
</a>
<button type="button" class="closebtn" aria-label="Toggle navigation" onclick="closeNav()"><i class="fa-solid fa-xmark "></i></button>
</div>
</div>
<div class="overlay-content">
<div class="container pt-4"><a class=" " href="http://test.ura.design/about/">About</a>
<a class=" " href="http://test.ura.design/work/">Work</a>
<a class=" " href="http://test.ura.design/contact/">Contact</a>
<a class=" " href="http://test.ura.design/clients/">Clients</a>
</div>
</div>
</div>
</div>
</div>
<script>
function openNav() {
document.getElementById("navbar-mobile").style.height = "100%";
}
function closeNav() {
document.getElementById("navbar-mobile").style.height = "0%";
}
</script>
<div class="container text-white py-5">
<div class="row">
<div class="offset-xl-1 col-xl-7 col-lg-8 col-12">
<h1 class="mb-3">Illustrations</h1>
<p class="mb-0 subtitle"></p>
</div>
</div>
</div>
</header>
<div id="content" class="content">
<main>
<div class="container-fluid">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-7 col-lg-7 col-md-12 col-12 py-5">
<article>
<div class="post-content">
<p>Complex solutions require simple explanations. Allow us to help you with custom illustrations fitting your brand and storytelling. We stray away from stock images in order to craft visuals tailored for you, not for others. From concept to implementation our hand-drawn illustrations will breathe life into your app.</p>
</div>
</article>
</div>
</div>
</div>
</div>
</main>
</div>
<footer class="py-4 mt-auto">
<div class="container-fluid">
<div class="container">
<div class="row d-none d-lg-flex">
<nav class="navbar navbar-expand-lg">
<div class="navbar-collapse" id="footerNav">
<ul class="navbar-nav"><li class="nav-item">
<a class="nav-link " href="http://test.ura.design/about/">About</a>
</li>
<li class="nav-item">
<a class="nav-link " href="http://test.ura.design/work/">Work</a>
</li>
<li class="nav-item">
<a class="nav-link " href="http://test.ura.design/contact/">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link " href="http://test.ura.design/clients/">Clients</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="row py-5 pt-lg-5 cta">
<div class="col-xxl-5 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
<p>Let's talk:</p>
<a class="arrow-link" href="http://test.ura.design/contact">Contact</a>
</div>
<div class="col-xxl-5 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
<p>Subscribe:</p>
<a class="arrow-link" href="https://tinyletter.com/uracreative" target="_blank"
rel="noopener noreferrer">Newsletter</a>
</div>
<div class="col-xxl-2 col-xl-4 col-lg-4 col-12 pb-xl-0 pb-4">
<p>We are on:</p>
<div class="pt-2">
<a href="https://github.com/uracreative" target="_blank" rel="noopener" title="Github" aria-label="Ura Design on Github"><i class="me-3 fa-brands fa-2x fa-github"></i></a><a href="https://twitter.com/uracreative" target="_blank" rel="noopener" title="Twitter" aria-label="Ura Design on Twitter"><i class="me-3 fa-brands fa-2x fa-twitter"></i></a><a href="https://instagram.com/uradotdesign" target="_blank" rel="noopener" title="Instagram" aria-label="Ura Design on Instagram"><i class="me-3 fa-brands fa-2x fa-instagram"></i></a><a href="https://www.linkedin.com/company/ura/" target="_blank" rel="noopener" title="Linkedin" aria-label="Ura Design on Linkedin"><i class="me-3 fa-brands fa-2x fa-linkedin"></i></a>
</div>
</div>
</div>
<hr>
<div class="row justify-content-between align-items-center">
<div class="col-xxl-4 col-xl-12">
<nav class="navbar navbar-expand-lg" aria-label="Secondary">
<div class="navbar-collapse" id="footerLinks">
<ul class="navbar-nav flex-row"><li class="nav-item">
<a class="nav-link " href="http://test.ura.design/source">Source Code</a>
</li>
<li class="nav-item">
<a class="nav-link " href="http://test.ura.design/privacy">Data Privacy</a>
</li>
<li class="nav-item">
<a class="nav-link " href="http://test.ura.design/imprint">Imprint</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="col-xxl-8 col-xl-12 d-flex justify-content-xxl-end justify-content-start">
<p class="copyright mb-0">© Ura Design 2022. Some rights reserved. Unless otherwise noted, content on this page is under a <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" rel="noopener" title="License"> Creative Commons license</a>.</p>
</div>
</div>
</div>
</div>
</footer>
<script defer src="http://test.ura.design/bundle.min.js"></script>
</body>
</html>