-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
168 lines (164 loc) · 9.04 KB
/
index.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
162
163
164
165
166
167
168
<!DOCTYPE html>
<html>
<head>
<title>Anna Shilova Portfolio | Project Work | Developer | Designer </title>
<script type="text/javascript" src=""></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Yanone+Kaffeesatz:200,400,700" rel="stylesheet" type="text/css">
</head>
<body>
<div id="home">
<div id="top_bar_w">
<div id="top_bar_i">
<ul class="top_menu">
<li><a href="#resume_w" data-offset="0">About Me</a></li>
<li><a href="#projects_w" data-offset="100">My Work</a></li>
<li><a href="#about" data-offset="100">Resume</a></li>
<li class="logo"><a href="#resume_w" data-offset="0"> </a></li>
<li><a href="#services" data-offset="130">Services</a></li>
<li><a href="#skills" data-offset="100">Skills</a></li>
<li><a href="#contact" data-offset="160">Contact Me</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div id="resume_w">
<div class="resume_i">
<div class="resume_top">
<h1 class="tk-ff-cocon-web-pro">Anna Shilova</h1>
<h3 class="sub_name">Software Developer, Web Developer</h3>
<div class="contact_links">
<a href="mailto:shilovanna@gmail.com">shilovanna@gmail.com</a>
</div>
</div>
<div class="resume_main">
<h2 id="about">About Me</h2>
<div class="content_block">
<p class="regular">
I am a software engineer and designer. I see every problem as a potential solution. I am a result driven, client oriented engineer. My current tool stack includes: web technologies such as jQuery, Javascript, NodeJS, and Angular2.js <a href="#">Contact me</a> today and let's have a conversation about your business.
</p>
</div>
<h2>Expertise</h2>
<h3 class="sub_header">Professional capabilities</h3>
<div class="content_block">
<ul class="items">
<li>High-quality front and back-end development for web sites.</li>
<li>Modular, scalable, robust, and reusable code.</li>
<li>Performance optimization, usability, and accessibility.</li>
<li>SEO using semantic HTML.</li>
<li>Site planning and architecture.</li>
<li>User interface design.</li>
</ul>
<h3 class="sub_header" id="skills">Technical skills</h3>
<ul class="items">
<li>C# MVC, Visual Studios</li>
<!--<li>PHP, Codeigniter</li> -->
<li>Javascript, jQuery, CoffeeScript</li>
<li>Photoshop</li>
<li>CSS, HTML, HTML 5, Compass CSS, Blueprint</li>
<li>Linux, Apache, SQL, GIT</li>
</ul>
</div>
<h2>Experience</h2>
<div class="content_block">
<ul class="big_items">
<li>
<h4>Lead Developer, Designer <span>@Energy Consult</span></h4>
<p class="info">January 2017 ― Present</p>
<p class="desc">Responsible for Product Design, Development. Utilizing jQuery, responsive design and php.</p>
</li>
<li>
<h4>Developer, Designer <span>@BoltDesignStudio</span></h4>
<p class="info">December 2016 ― January 2017</p>
<p class="desc">Responsible for Product Design, Development of client oriented sites.</p>
</li>
<li>
<h4>Founder <span>@ShilovaDesign</span></h4>
<p class="info">January 2017 ― Present</p>
<p class="desc">My personal project - free online toolkit for web developers.</p>
</li>
</ul>
</div>
<h2>Education</h2>
<div class="content_block">
<ul class="big_items">
<li>
<h4> University of California, San Diego </h4>
<p>~ Bachelor of Computer Science / 2008 - 2013</p>
</li>
</ul>
</div>
<div class="footer_links">
<a href="https://www.linkedin.com/in/anna-shilova-43442357" rel="nofollow">LinkedIn</a> |
<a href="mailto:shilovanna@gmail.com">Email</a>
</div>
</div>
</div>
</div>
<div id="services_area">
<div class="services_area_i">
<div class="box_w services_w">
<h3 id="services" class="services_header">Services I offer</h3>
<div class="services_w">
<div class="service design">
<h5>Web design</h5>
<p>I simply enjoy web design, all my work starts with a blank canvas. I am thorough in my understanding of what the client needs and wants to see as an end result. </p>
</div>
<div class="service development">
<h5>Web development</h5>
<p>I ensure all my web code meets the highest web standards that works across all major browsers and is S.E.O friendly.</p>
</div>
<div class="service seo">
<h5>S.E.O</h5>
<p>Search Engine Optimization is the most important factor to your success on line and I can help you get top rankings for your target keywords.</p>
</div>
<div class="service product">
<h5>Product Development</h5>
<p>I'm experienced with creating products from the drawing board to production.</p>
</div>
</div>
</div>
</div>
<div class="box_w contact_form_w">
<div class="contact_w">
<h3 class="box_header icon_mail" id="contact">Contact Me</h3>
<div class="success_message" style="display:none">Thank You! Your message has been sent.</div>
<form id="contact_form">
<div class="error_message">Required: Your Name, Your Email, Message</div>
<div class="field joined">
<label>Your name <span>*</span></label>
<input type="text" id="contact_name">
</div>
<div class="field joined">
<label>Your email <span>*</span></label>
<input type="text" id="contact_email">
</div>
<div class="clear"></div>
<div class="field">
<label>Your message <span>*</span></label>
<textarea cols="20" rows="7" id="contact_message"></textarea>
</div>
<div class="buttons_w">
<button id="contact_send">Send Message</button>
</div>
</form>
<div class="social_icons">
<span class="find_me_label">Find me on: </span>
<a href="https://www.linkedin.com/in/anna-shilova-43442357" rel="nofollow"><img src="assets/icon-linkedin.png" alt=""></a>
<a href="https://twitter.com/ShilovaDesign" rel="nofollow"><img src="assets/icon-twitter.png" alt=""></a>
<a href="https://github.com/thesparrow" rel="nofollow"><img src="assets/icon-github.png" alt=""></a>
<div class="clear"></div>
</div>
</div>
</div>
<div id="footer">@<span id="year"></span> Portfolio of Anna Shilova.</div>
</div>
</body>
<script type="text/javascript">
window.onload = initDate;
function initDate() {
var currentYear = new Date().getFullYear();
document.getElementById("year").innerHTML = currentYear;
}
</script>
</html>