/
portfolio.html
161 lines (128 loc) · 6.91 KB
/
portfolio.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Amanda Andonian</title>
<meta name="description" content="Writer, Designer, Developer">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="portfolio">
<div id="wrapper" class="clearfix">
<header id="globalHeader" class="clearfix">
<div id="headerSubheader" class="clearfix">
<h1><a href="index.html">Amanda Andonian</a></h1>
<p>Writer, Designer, Developer</p>
</div>
<div id="mySocial" class="clearfix">
<ul>
<li class="twitter"><a target="_blank" href="http://www.twitter.com/reiko516">Twitter</a></li>
<li class="facebook"><a target="_blank" href="http://www.facebook.com/amanda.andonian">Facebook</a></li>
<li class="linkedin"><a target="_blank" href="http://www.linkedin.com/in/amandaandonian">LinkedIn</a></li>
<li class="google-plus"><a target="_blank" href="https://plus.google.com/u/0/105904294630687528649">Google+</a></li>
</ul>
</div>
</header>
<div id="main" class="clearfix">
<nav class="global-nav">
<ul id="list-nav" class="clearfix">
<li class="blog"><a href="http://www.amandaandonian.com" target="_blank">Blog</a></li>
<li class="stories"><a href="stories.html">Stories</a></li>
<li class="portfolio"><a href="portfolio.html">Portfolio</a></li>
<li class="about-me"><a href="about-me.html">About Me</a></li>
</ul>
</nav>
<div id="allContent" class="clearfix">
<div id="pageContent" class="clearfix">
<h2>Select Portfolio</h2>
<p>Here you’ll find a sampling of my work in writing, as well as design. I’m still compiling samples of my web development and programming skills, which can be found through my <a href="http://github.com/reiko516" target="blank">GitHub account</a>. If you’d like to work with me, whether for writing or design, please feel free to <a href="about-me.html">contact me</a>.</p>
<div id="writing">
<h2>Written Word</h2>
<p>Various Blog posts and articles written for the fields of software, business, marketing, etc. Examples of my technical writing are available upon request.</p>
<p>Click on the logos below to view content. All work done for Scripted is ghost written.</p>
<div class="writing-samples">
<h3>Articles and Blog Posts</h3>
<ul class="clearfix">
<li class="frozen-ridge"><a href="http://blog.frozenridge.co/author/amanda/" target="_blank">Frozen Ridge Blog Posts</a></li>
<li class="scripted"><a href="images/portfolio-screenshots/ScriptedWritingSamples.pdf" target="_blank">Scripted Articles</a></li>
<li class="bs"><a href="http://www.business-software.com/blog/the-growing-need-for-enterprise-security-solutions/" target="_blank">Business-Software.com Posts</a></li>
</ul>
</div>
<div class="writing-samples">
<h3>Website Copy</h3>
<ul class="clearfix">
<li class="livelens"><a href="http://www.livelens.com/">LiveLens</a></li>
<li class="veros"><a href="http://www.verossystems.com/">Veros Systems</a></li>
</ul>
</div>
</div><!-- /#writing -->
<div id="graphicDesign">
<h2>Graphic/UX Design</h2>
<p>Over the past several years, I've also done graphic and UX design work for full website redesigns, marketing assets (white papers, email newsletters, banner ads, logos), landing pages, etc. I'm an expert in Photoshop, Illustrator, and InDesign. Here’s a small selection of my work to date.</p>
<p>Cick on the thumbnails below to view larger screenshots.</p>
<div class="design-samples">
<h3>Landing Pages</h3>
<ul class="clearfix">
<li class="landing1"><a href="images/portfolio-screenshots/landing-page1.jpg">Landing Page</a></li>
<li class="landing2"><a href="images/portfolio-screenshots/landing-page2.jpg">Landing Page</a></li>
<li class="landing3"><a href="images/portfolio-screenshots/landing-page3.jpg">Landing Page</a></li>
</ul>
</div>
<div class="design-samples">
<h3>MedicalSoftware.net</h3>
<ul class="clearfix">
<li class="ms-home"><a href="images/portfolio-screenshots/med-home.jpg">MedicalSoftware.net Home</a></li>
<li class="ms-products"><a href="images/portfolio-screenshots/med-products.jpg">MedicalSoftware.net Products</a></li>
<li class="ms-banner"><a href="images/portfolio-screenshots/med-banner.gif">MedicalSoftware.net Banner</a></li>
</ul>
</div>
<div class="design-samples">
<h3>Ad Design/Copywriting</h3>
<ul class="clearfix">
<li class="quickbooks"><a href="images/portfolio-screenshots/quickbooks-off.gif">Banner Ad</a></li>
<li class="remarketing1"><a href="images/portfolio-screenshots/retargeting1.jpg">Banner Ad</a></li>
<li class="remarketing2"><a href="images/portfolio-screenshots/retargeting2.jpg">Banner Ad</a></li>
</ul>
</div>
<div class="design-samples">
<h3>Email Newsletters</h3>
<ul class="clearfix">
<li class="email1"><a href="images/portfolio-screenshots/contributor-newsletter.html" target="_blank">Email Newsletter</a></li>
<li class="email2"><a href="images/portfolio-screenshots/february2013.html" target="_blank">Email Newsletter</a></li>
<li class="email3"><a href="images/portfolio-screenshots/july2012.html" target="_blank">Email Newsletter</a></li>
</ul>
</div>
</div><!-- /#graphicDesign -->
</div><!-- /#content -->
<div id="sidebar" class="clearfix">
<!--
<div id="searchBox">
<input type="text">
<button>Search</button>
</div>
-->
<div id="twitterFeed">
<h3>@reiko516</h3>
<ol id="myTweets"></ol>
<p><a href="http://www.twitter.com/reiko516">Follow Me on Twitter!</a></p>
</div>
<div id="copyright">
<h3>Copyright</h3>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png" /></a>
<p>All posts on this site by Amanda Andonian are licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/">Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License</a>.</p>
</div>
</div><!-- /#sidebar -->
</div><!-- /#allContent -->
<footer>
<p>© 2013 Amanda Andonian</p>
</footer>
</div><!-- /#main -->
</div><!-- /#wrapper-->
<script src="js/jquery.js"></script>
<script src="js/fancybox/jquery.fancybox.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>