-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (152 loc) · 9.19 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Online Portfolio of Cyril Ajieh</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="fonts-awesome/css/font-awesome.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta name="description" content="A personal summary of user interface (UI) and front end developer Cyril Ajieh, including contact information for hire.">
<meta name="keywords" content="user interface (UI) and front end developer, web designer,usability designer houston,web design and development,user experience design,interactive development,html coding,css coding. javascript coding, jquery coding">
<!--[if lt IE 9]> <script src="html5shiv.js"></script> <![endif]-->
</head>
<body>
<!-- /. begin navigation -->
<div id="container-nav">
<header id="navbar" class="wrapper">
<!-- Primary Navigation -->
<h3><a href="index.html">Cyril Ajieh | UI Developer</a></h3>
<input type="checkbox" id="toggle">
<label for="toggle">☰</label> <!-- ☰ - code for menu icon -->
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#aboutcyril">About Cyril</a></li>
<li><a href="#mywork">Personal Projects</a></li>
<li><a href="#getintouch">Get in Touch</a></li>
</ul>
</nav>
</header>
</div>
<!-- /. end of navigation -->
<main>
<!-- /. begin container-header -->
<div id="container-header">
<div class="intro-message wrapper">
<h1><strong>Hi, I'm Cyril!</strong></h1>
<p>I develop and maintain clean, valid and compatible websites and web applications using HTML5, CSS3 and JavaScript for multi-device experiences.</p> <a href="#aboutcyril"><button>Read more <span class="icon fa fa-arrow-circle-right"></span></button></a>
</div><!-- /.end intro-message -->
</div><!-- /. end of container-header -->
<div id="container-content">
<section id="aboutcyril" class="group wrapper">
<header>
<h1>About Cyril</h1>
</header>
<!--hello world -->
<article>
<p>Cyril is a Senior Software Engineer with a focus on user interface architecture and development using modern web technologies. In the last few years, he has contributed to several customer projects including Walmart Stores Pricing Knowledge Platform, JPMorgan Chase Project Welcome and MetLife Small Market Digital. He is currently working at Red Hat as a Senior UI Engineer, and contributing to Openshift Container Platform. </p>
<p> Cyril Ajieh is a UI Developer at Tata Consultancy Services, Bentonville,Arkansas.
As a UI Developer, he works on the frontend of software products, and develop features used by clients and customers. He has eight years of hands-on experience developing clean, valid and compatible website and web applications using modern web technologies such as HTML5, CSS3 and JavaScript.At his present project, he work closely with UX/UI Designers / Developers, Backend Developers, QAs, Technical Experts and Project Manager utilizing Agile methodologies to implement versatile high-performance software solutions to solve business problems.
</p><br />
<p>
He received his Master of Science from University of Lagos in Computer Science. He is happily married to Faith Ajieh.
</p>
<p class="byline">I have a unique combination of web language and tool skills, meaning I code web pages from scratch to finish, and also can utilize frameworks or software tools. A web savvy who wants to keep learning and exploring new stuff.</p>
</article>
<!-- sub content for about cyril -->
<aside class="group wrapper">
<h4 class="tech-header">Technical Skills Overview</h4>
<div id="techskills" class="box">
<ul>
<li>HTML5, CSS3, JavaScript </li>
<li>Angular, JSON, D3.js, Node.js</li>
<li>Bootstrap3, SASS, Gulp</li>
<li>Mobile First, Responsive Design </li>
<li> SPA, MVC, OOP, Agile Development</li>
<li>GIT, Adobe Design Suite</li>
<li>Balsamiq, Web Storm, Unit Testing</li>
</ul>
</div>
</aside>
</section>
</div> <!-- end of container-content -->
</div> <!-- end of container-content -->
<!-- beginning of container-mywork -->
<div id="container-mywork" >
<section id="mywork" class="wrapper">
<header>
<h1>Personal Projects</h1>
<!--<p>Featured Projects: </p>-->
</header>
<article class="group wrapper">
<h4>Cyril Ajieh Web Presence</h4>
<a href="#" >
<figure>
<img src="./img/4.png" max-age=86400 alt="Cyril Ajieh Web Presence">
</figure>
</a>
<figcaption>
<div class="tech">HTML5</div><div class="tech">CSS3</div><div class="tech">SASS</div>
<div class="tech">JavaScript</div><div class="tech">RWD</div>
</figcaption>
</article>
<article class="group wrapper">
<h4>SchoolWorld Investment</h4>
<a href="http://schoolworldinvestment.com/" target="_blank">
<figure>
<img src="img/2.png" max-age=86400 alt="SchoolWorld Investment">
</figure>
</a>
<figcaption>
<div class="tech">HTML5</div><div class="tech">CSS3</div><div class="tech">Bootstrap3</div>
<div class="tech">RWD</div><div class="tech">Angular</div><div class="tech">JSON</div><div class="tech">SPA</div>
</figcaption>
</article>
<article class="group wrapper">
<h4>Sample Wireframe</h4>
<a href="https://github.com/cyril-ui-developer/wireframes-mockups/blob/master/2016-sample-whatever-energy-wireframe.pdf" target="_blank">
<figure>
<img src="img/5.png" alt="Sample Wireframe" max-age=86400>
</figure>
</a>
<figcaption>
<div class="tech">Pen & Paper</div><div class="tech">Content Strategy</div><div class="tech">Balsamiq</div>
</figcaption>
</article>
</section>
</div>
<!-- end of container-mywork -->
<div class="scroll">
<i class="fa fa-chevron-up"></i>
<br />
Back to top
</div>
</main> <!-- end of main -->
<div id="container-foot">
<footer id="getintouch">
<h1> Get in Touch</h1>
<p><strong>Bentonville, Arkansas</strong>
United States<br>
Email:[email protected]<br>
Phone: (281) 965-6851<br>
LinkedIn: @cyrilajieh</p>
<div>
<ul class="social">
<li><a href="https://twitter.com/cyrilajieh" title="Twitter Profile" target="_blank"><span class="icon fa fa-twitter"></a></li>
<li><a href="https://www.facebook.com/cyril.ajieh" title="Facebook Page" target="_blank"><span class="icon fa fa-facebook"></a></li>
<li><a href="https://www.linkedin.com/in/cyrilajieh" title="LinkedIn Profile" target="_blank"><span class="icon fa fa-linkedin"></a> </li>
<li><a href="https://plus.google.com/u/0/103606135213198057716/posts" title="Google+ Profile" target="_blank"><span class="icon fa fa-google-plus"></a></li>
<li><a href="https://github.com/cyril-ui-developer" title="GitHub Profile" target="_blank"><span class="icon fa fa-github-alt" ></a> </li>
</ul>
</div>
</footer>
<!-- end of footer -->
<footer>
<p id=pageDate></p>
</footer>
</div> <!-- end of container-foot -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="js/pagedate.js"></script>
</body>
</html>