-
Notifications
You must be signed in to change notification settings - Fork 0
/
p7.html
113 lines (109 loc) · 10.3 KB
/
p7.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ro Dixon | Director of UX</title>
<meta name="description" content="Over a decades worth of designing, leading, and researching user experience.">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Ro Dixon | Director of UX">
<meta itemprop="description" content="Over a decades worth of designing, leading, and researching user experience.">
<meta itemprop="image" content="http://rodixondesigns.com/assets/meta-image.png">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="http://rodixondesigns.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Ro Dixon | Director of UX">
<meta property="og:description" content="Over a decades worth of designing, leading, and researching user experience.">
<meta property="og:image" content="http://rodixondesigns.com/assets/meta-image.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ro Dixon | Director of UX">
<meta name="twitter:description" content="Over a decades worth of designing, leading, and researching user experience.">
<meta name="twitter:image" content="http://rodixondesigns.com/assets/meta-image.png">
<link rel="icon" href="assets/favicon.ico">
<script src="https://use.fontawesome.com/f766bd3c92.js"></script>
<link href="https://fonts.googleapis.com/css?family=Quicksand|Fira+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script defer data-domain="rodixondesigns.com" src="https://plausible.io/js/plausible.js"></script>
</head>
<body>
<div class="uk-offcanvas-content">
<header>
<div id="top" class="uk-position-relative lt-gray">
<div class="uk-position-top">
<div uk-sticky="animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; cls-inactive: uk-navbar-transparent; top: 400">
<nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
<div class="uk-navbar-left uk-margin-left">
<ul class="uk-navbar-nav uk-visible@m">
<li><a class="lobster" href="index.html">Resumé</a></li>
<li><a class="lobster" href="about.html">About</a></li>
<li><a class="lobster font-dk-blue underline" href="work.html">Work</a></li>
</ul>
<div class="uk-navbar-right uk-hidden@m uk-margin-remove-left"> <a class="uk-navbar-toggle" data-uk-toggle data-uk-navbar-toggle-icon href="#offcanvas-nav"></a> </div>
</div>
<div class="uk-navbar-right uk-visible@m uk-margin-large-right"><a href="https://drive.google.com/file/d/1u4UOCdeU8hJIn0t6guTrXeFWVfqW3bgi/view?usp=sharing" target="_blank" class="btn-white font-link-lt lobster"><span uk-icon="icon: print"></span> Resumé </a></div>
</nav>
</div>
</div>
</div>
</header>
</div>
<div class=content>
<section class=ro-div>
<div class="padding-50 uk-hidden@m"></div>
<a class="uk-link-text font-green uk-text-small" href="work.html"> <i class="fa fa-angle-left" aria-hidden="true"></i> Back to Work Samples</a><h1 class=font-dk-blue>Freelance Work</h1>
<h5>I've worked on a few freelance projects for businesses needing a new/redesigned website. Please see below for some examples.</h5><br><hr class=uk-divider-icon><br><div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin" uk-grid><div class="uk-card-media-left uk-cover-container"><img src=projects/rdd.png alt="Ro Dixon Design Site" uk-cover></div><div><div class=uk-card-body><p>I built this website from scratch using the UIKIT CSS Framework. In addition to showcasing my design work the code can highlight my fron-end skills as well.</p><a href="https://github.com/rodixondesigns/rodixondesigns.github.io" target=_blank>Visit Github Repo <i class="fa fa-external-link"></i></a></div></div></div><div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin" uk-grid><div class="uk-card-media-left uk-cover-container"><img src=projects/kolkin.png alt="Kolkin Coffee Site" uk-cover></div><div><div class=uk-card-body><h3 class=uk-card-title>Kolkin Coffee</h3><p>I created this site using squarespace for a local coffee shop owner.</p><a href="http://www.kolkincoffee.net" target=_blank>Visit Site <i class="fa fa-external-link"></i></a></div></div></div><div class="uk-card uk-card-default uk-grid-collapse uk-child-width-1-2@s uk-margin" uk-grid><div class="uk-card-media-left uk-cover-container uk-padding"><img src=projects/bro4dough.png alt="Bro For Dough Design"></div><div><div class=uk-card-body><h3 class=uk-card-title>Bro For Dough</h3><p>This project was one of my first freelance gigs, so I've learned a lot since. However, I had a lot of fun with this design and I'm still proud of how it turned out.</p><a href="https://www.behance.net/gallery/43461247/Bro-For-Dough-Website-Design" target=_blank>Visit Site <i class="fa fa-external-link"></i></a></div></div></div></div>
<section id="contact">
<div class="uk-background-cover uk-height-large uk-padding" style="background-image: url(assets/contact.jpg);">
<div class="uk-flex-middle uk-flex-wrap" uk-grid>
<div class="uk-width-1-2 uk-visible@m" uk-scrollspy="cls: uk-animation-scale-up; repeat: true">
<h2 class="font-white">Contact Me</h2><a href="tel:812-946-1839" class="font-white font-small"><i class="fa fa-phone-square" aria-hidden="true"></i> (812) 946-1839</a>
<br>
<br><a href="mailto:ro@rodixondesigns.com" class="font-white font-small"><i class="fa fa-envelope-square" aria-hidden="true"></i> ro@rodixondesigns.com</a></div>
<div class="uk-width-1-1 uk-width-1-2@m" uk-scrollspy="cls: uk-animation-scale-down; repeat: true">
<div class="uk-hidden@m uk-text-center" uk-scrollspy="cls: uk-animation-scale-up; repeat: true">
<h2 class="font-white">Contact Me</h2>
<!--<p class="uk-text-small font-white"><a href="tel:812-946-1839" class="font-white font-small"><i class="fa fa-phone-square" aria-hidden="true"></i> (812) 946-1839</a> | <a href="mailto:ro@rodixondesigns.com" class="font-white font-small"><i class="fa fa-envelope-square" aria-hidden="true"></i> ro@rodixondesigns.com</a></p>-->
</div>
<form action="https://formspree.io/ro@rodixondesigns.com" method="POST">
<div class="uk-margin uk-width-1-1">
<br>
<br>
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-user"></i> Full Name</label>
<input class="uk-input" type="text" name="name" placeholder="Enter name here">
</div>
<div class="uk-margin uk-width-1-1">
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-at"></i> Email Address</label>
<input class="uk-input" type="email" name="_replyto" placeholder="Enter email here">
</div>
<div class="uk-margin uk-width-1-1">
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-commenting"></i> Message</label>
<textarea class="uk-textarea" name="message" placeholder="Enter your message here"></textarea>
</div>
<button class="uk-border-rounded uk-align-left uk-button uk-button-default uk-button-small white" type="submit"> Send </button>
</form>
</div>
</div>
</div>
</section>
<section id="social" class="uk-padding uk-text-middle uk-text-center">
<h2 class="font-white uk-margin-right">Find Me Online</h2>
<div><a class="uk-padding" href="https://linkedin.com/in/ro-dixon-ux" target="_blank"><i class="fa fa-linkedin-square fa-3x font-white uk-margin-right" aria-hidden="true"></i></a><a class="uk-padding" href="https://medium.com/@rodixon30" target="_blank"><i class="fa fa-medium fa-3x font-white uk-margin-right" aria-hidden="true" ></i></a><a class="uk-padding" href="https://www.behance.net/ro_dixon" target="_blank"><i class="fa fa-behance-square fa-3x font-white uk-margin-right" aria-hidden="true"></i></a><a class="uk-padding" href="https://dribbble.com/rodixon30" target="_blank"><i class="fa fa-dribbble fa-3x font-white uk-margin-right" aria-hidden="true"></i></a></div>
</section>
<div id="offcanvas-nav" data-uk-offcanvas="flip: true; overlay: true">
<div class="uk-offcanvas-bar uk-offcanvas-bar-animation uk-offcanvas-slide dk-blue">
<button class="uk-offcanvas-close uk-close uk-icon" type="button" data-uk-close></button>
<ul class="uk-nav uk-nav-default">
<h2>Menu </h2>
<li><a class="lobster" href="index.html">Resume</a></li>
<li><a class="lobster" href="about.html">About</a></li>
<li><a class="lobster" href="work.html">Work</a></li></ul>
<div class="padding-50"></div>
<div><a href="https://drive.google.com/file/d/1u4UOCdeU8hJIn0t6guTrXeFWVfqW3bgi/view?usp=sharing" target="_blank" class="btn-white font-link-lt">Print Resume <i class="fa fa-external-link"></i></a></div>
</div>
</div>
</div>
<script src="uikit.min.js"></script><script src="uikit-icons.min.js"></script>
</body>
</html>