---
layout: default
title: Jadan Colon
description: I am a designer, visionary, creative. 
---
{% include header.html activePage="work" %}
<div id="hero" class="main-page-hero">
    <div class="flex-row">
        <div class="flex-col align-items-center hero-text page-width justify-content-center">
            <h2>hi, im jadan.</h2>
            <h1>I am a <span class="word-designer">designer</span>, <span class="word-vision">visionary</span>, <span class="word-create">creative.</span> </h1>
            <h2 class="blurb w-75" style="font-weight:normal;">& a developer who turns visions into tangible, approachable creations.</h2>
        </div>
        <div class="home-svg-container">
            <img src="img/fishwlegs.svg" alt="fish with legs"/>
        </div>
    </div>
</div>

<main class="page-width flex-col">
    <section class="projects-section">
        <h2 class="projects-header">CURRENT PROJECT</h2>
        <a class='projects' href='/udoit'>
            <img src="img/udoitWEBimg.png" alt="Screenshot of UDOIT website pages.">
            <div class="project-content">
                <p class="project-org">UCF CENTER FOR DISTRIBUTED LEARNING</p>

                <h3 class="project-title">Universal Design Online Content Inspection Tool (UDOIT) Website</h3>
                <div class="project-tags">
                    <span>Higher Education</span>
                    <span>Product Design</span>
                    <span>Accessibility</span>
                </div>
            </div>
        </a>
    </section>
</main>
{% include footer.html %}