-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (160 loc) · 6.1 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
---
layout: default
---
<div id="homePage">
<header class="text-center" id="parallax-header">
<hgroup id="homeParallaxInfo">
<h1 class="intro">Ahmed Abdelaal</h1>
<p class="intro">Full Stack Web Developer</p>
<a class="resume btn btn-primary" href="/assets/ahmed-abdelaal.pdf">View Resume</a>
</hgroup>
</header>
<div class="container">
<section id="about-me">
<div class="col-xs-12">
<div class="row text-center">
<h2 class="figure header">About Me</h2>
<p class="figure" >My name is Ahmed. I love food, fitness and techology.</p>
<img class="figure" src="assets/img/me.png">
</div>
<div class="row">
<article class="figure">
<p>
I was born and raised in Egypt until 2007, when I relocated with my family to the United States.
</p>
<p>
During my college years, I found my love for Fitness, Bodybuilding, and healthy cooking.<br>
Around 2012 I started teaching myself how to build a simple website to raise awareness about exercising and healthy nutrition, and found something that interested me more … programming!
</p>
<p>
In 2014, roughly two years later, I moved to the bay area and immersed myself in the community. I attended some meet-ups, read a few programming books, and practiced through various web tutorials until I got accepted to Dev Bootcamp.
</p>
<p>
DBC is a four-phase program spread out over 19 weeks. During that time I worked over 1,000+ hours learning agile development processes and multiple skills such as how to implement programming languages into development frameworks, Git workflow, how to work well in team and independent settings, as well as how to be productive in a stressful, demanding, and time-constrictive work environments.
</p>
<p>
Now I have a lot more tricks under my sleeves, and I’m eager to continue learning and working on different projects.
</p>
</article>
</div>
</section>
</div>
</div>
<div id="skills-section">
<div class="col-xs-8 col-xs-offset-2">
<div id="skills">
<div class="row">
<h2 class="header">Skills</h2>
</div>
<div class="row">
<h3>Front End:</h3>
<ul>
<div class="col-sm-4">
<li class="skill">HTML</li>
<li class="skill">CSS</li>
<li class="skill">JavaScript</li>
<li class="skill">JQuery</li>
</div>
<div class="col-sm-4">
<a href="http://sass-lang.com/">
<li class="skill">Sass</li>
</a>
<a href="http://bourbon.io/">
<li class="skill">Bourbon</li>
</a>
<a href="http://neat.bourbon.io/">
<li class="skill">Neat</li>
</a>
<a href="http://bitters.bourbon.io/">
<li class="skill">Bitters</li>
</a>
<a href="http://refills.bourbon.io/">
<li class="skill">Refills</li>
</a>
</div>
<div class="col-sm-4">
<a href="http://getbootstrap.com/">
<li class="skill">Bootstrap</li>
</a>
<a href="http://foundation.zurb.com/">
<li class="skill">Foundation</li>
</a>
<a href="http://gruntjs.com/">
<li class="skill">GruntJS</li>
</a>
<a href="http://yeoman.io/">
<li class="skill">Yeoman</li>
</a>
</div>
</ul>
</div>
<div class="row">
<h3>Back End:</h3>
<ul>
<div class="col-sm-4">
<li class="skill">Ruby</li>
<li class="skill">Rails</li>
</div>
<div class="col-sm-4">
<li class="skill">Sinatra</li>
<li class="skill">Jekyll</li>
</div>
<div class="col-sm-4">
<li class="skill">SQlite</li>
<li class="skill">Git</li>
</div>
</ul>
</div>
</div>
</div>
</div>
<footer >
<div id="contact-links">
<div class="container">
<div class="col-xs-12">
<div class="row">
<h2 class="header" >Contact</h2>
<p>I'm currently available for work. If you're interested in working with me get in touch and let’s grab a coffee.</p>
</div>
<div class="row">
<div class="col-sm-4 ">
<a class="contact-link" href="mailto:ahmed1500@gmail.com">
<i class="fa fa-envelope-o"></i>
</a>
</div>
<div class="col-sm-4 ">
<a class="contact-link" href="https://www.linkedin.com/in/webahmed">
<i class="fa fa-linkedin"></i>
</a>
</div>
<div class="col-sm-4 ">
<a class="contact-link" href="https://github.com/WebAhmed">
<i class="fa fa-github-alt"></i>
</a>
</div>
</div>
<div class="row">
<div class="col-sm-4 ">
<a class="contact-link" href="https://www.facebook.com/Ahmed1500">
<i class="fa fa-facebook"></i>
</a>
</div>
<div class="col-sm-4 ">
<a class="contact-link" href="https://twitter.com/Z1Ahmed">
<i class="fa fa-twitter"></i>
</a>
</div>
<div class="col-sm-4 ">
<a class="contact-link" href="https://www.google.com/+ahmedabdelaalweb">
<i class="fa fa-google-plus"></i>
</a>
</div>
</div>
<div class="row">
<a class="resume btn btn-primary" href="/assets/ahmed-abdelaal.pdf">View Resume</a>
</div>
</div>
</div>
</div>
</footer>
</div>