-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
419 lines (355 loc) · 24.1 KB
/
index.html
File metadata and controls
419 lines (355 loc) · 24.1 KB
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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
<!DOCTYPE html>
<!-- /* -->
<!-- Site Name: Basem Saabneh -->
<!-- Site URI: BasemSaabneh.github.io -->
<!-- Description: Basem Saabneh github simple web pages -->
<!-- Author: Basem Saabneh -->
<!-- Author URI: https://www.basemsaabneh.devschema.com -->
<!-- Version: 1.0.1 -->
<!-- License: free -->
<!-- Tags: dev,development,software ,software devvelopment,Basem,BasemSaabna,BasemSaabneh,Saabneh,Basem Saabneh, Android,Python,Bootstrap,html,html5 templates,design,database,db,DotNet,.net,vb,cSharp,c# -->
<!-- Text Domain: DevSchema.com -->
<!-- */ -->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Basem Saabneh" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="basemsaabneh.github.io,github,git,dev,development,software ,software devvelopment,Basem,BasemSaabna,BasemSaabneh,Saabneh,Basem Saabneh, Android,Python,Bootstrap,html,html5 templates,design,database,db,DotNet,.net,vb,cSharp,c# ">
<meta name="description" content="Basem Saabneh github ">
<title>Basem Saabneh</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet"> <!--- custom css -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<!-- ----------------------------------------------------------------------------------------------------------------Start Menu----------------------------------------------------------------------------------------------------------------------- -->
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
<div class="container">
<button type="button" class="navbar-toggle"
data-toggle="collapse"
data-target=".navbar-collapse">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span><!-- for one line-->
<span class="icon-bar"></span><!-- for one line-->
<span class="icon-bar"></span><!-- for one line-->
</button>
<!-- for brand name -->
<a class="navbar-brand"
href="index.html" > <strong>Basem Saabneh </strong>
</a>
<!-- Add Menu Items-->
<div class="navbar-collapse collapse">
<!-- collapse referance to button data-toggle collapse-->
<!-- navbar-collapse referance to button data-target navbar-collapse-->
<ul class="nav navbar-nav navbar-right">
<li class="active" ><!--active for selected - active-->
<a href="index.html" > Home </a>
</li>
<li >
<a href="services.html" > Services </a>
</li>
<li >
<a href="about.html" > About </a>
</li>
<li >
<a href="contact.html" > Contact </a>
</li>
</ul>
</div>
</div> <!-- end header container -->
</nav> <!-- end Navigator -->
<!-- ----------------------------------------------------------------------------------------------------------------End Menu----------------------------------------------------------------------------------------------------------------------- -->
<!-- Page Body -->
<div class="container ">
<div class="jumbotron text-center"><!-- jumbotron used to highlight content-->
<h2> A Dreamer, Success Planner and Developer </h2>
<p align="left">
My name is Basem Saabneh, born and raised in Jenin - a beautiful city in Palestine. This is my github simple website where I share my dreams,
success stories and all my hunted goals. I am an information system specialist - IS - by soul and entrepreneur by heart.
I am software developer and technology things I love, and i wish someday to makes the world a better place.
</p>
<a href="contact.html"><button type="button" class="btn btn-primary">Contact & Call Me</button></a>
</div><!-- end jumbotron -->
<!--- -----------------------------------------------------------------------------------------------Start Services Panel Start -------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Start Services Panel Start -------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Start PORTFOLIO Start -------------------------------------------------------------------------------------------------------------------------- -->
<div class="panel panel-info">
<div class="panel-heading text-center">
<h3>Portfolio </h3>
</div>
<div class="panel-body bg-default">
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 1-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 1-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 1-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 1-------------------------------------------------------------------------------------------------------------------------- -->
<div class="row">
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 1 COL # 1 -------------------------------------------------------------------------------------------------------------------------- -->
<div class="col-sm-5 bg-warning">
<!-- modal -->
<center><a href="#" class="btn btn-lg active" data-toggle="modal" data-target="#ShoppingMall"><p>Title : Shopping Mall App</p> </a>
<img src="img/shop.jpg" class="btn btn-default btn-lg active" id="img-size" data-toggle="modal" data-target="#ShoppingMall"></img></center>
<div id="ShoppingMall" class="modal fade " role="dialog">
<div class="modal-dialog">
<div class="modal-content bg-warning">
<div class="modal-header bg-warning" >
<div class="modal-title">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h2><span id="port-text">Title : </span><a href="http://shop.devschema.com" > ShoppingMall Site & App </a></h2>
</div>
</div>
<div class="modal-body bg-danger" >
<div class="list-group">
<div class="row">
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">PROJECT TYPE:</span>ShoppingMall Site & App</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">TECHNOLOGIES:</span> PHP , Bootstrap, Android, Java, Json, Mysql</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">DESCRIPTION:</span>
Online small shopping mall ,website is to control products and data , supported with mobile app , where visitors can access products and see details , if they like product, they can register and request a product, after request generated , admin see visitor request and confirm or cancel request from both website and mobile app
</h4></span></div>
</div>
</div>
</div>
<div class="modal-footer bg-default bg-warning" >
<button type="button" class="btn btn-default btn-lg" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<center><button type="button" class="btn btn-primary " data-toggle="modal" data-target="#ShoppingMall">Show Details </button></center>
</div>
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 1 COL # 2 Empty -------------------------------------------------------------------------------------------------------------------------- -->
<div class="col-sm-2 bg-default">
</div>
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 1 COL # 3 -------------------------------------------------------------------------------------------------------------------------- -->
<div class="col-sm-5 bg-danger">
<!-- modal -->
<center><a href="#" class="btn btn-lg active" data-toggle="modal" data-target="#Basem_Saabneh"><p>Title : Basem Saabneh</p> </a>
<img src="img/basemsa3abna.jpg" class="btn btn-default btn-lg active" id="img-size" data-toggle="modal" data-target="#Basem_Saabneh"></img></center>
<div id="Basem_Saabneh" class="modal fade " role="dialog">
<div class="modal-dialog">
<div class="modal-content bg-warning">
<div class="modal-header bg-warning" >
<div class="modal-title">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h2><span id="port-text">Title : </span>Personal website : <a href="BasemSaabneh.github.io">Basem Saabneh</a></h2>
</div>
</div>
<div class="modal-body bg-danger" >
<div class="list-group">
<div class="row">
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">PROJECT TYPE:</span>Personal website</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">TECHNOLOGIES:</span> Bootstrap , Css , html , Javascript </h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">DESCRIPTION:</span>
Personal website for Basem Saabneh - a software developer expert , in order to show contact information and projects portfolio.
Keep in touch with customers need IT Services & Support
</h4></span></div>
</div>
</div>
</div>
<div class="modal-footer bg-default bg-warning" >
<button type="button" class="btn btn-default btn-lg" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<center><button type="button" class="btn btn-primary " data-toggle="modal" data-target="#Basem_Saabneh">Show Details </button></center>
</div>
</div> <!-- end first row -->
<div class="row">
<div class="col-sm-12 bg-default">
<p> </p><p> </p>
</div>
</div>
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 2-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 2-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 2-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 2-------------------------------------------------------------------------------------------------------------------------- -->
<div class="row">
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 2 COL # 1 -------------------------------------------------------------------------------------------------------------------------- -->
<div class="col-sm-5 bg-danger">
<!-- modal -->
<center><a href="#" class="btn btn-lg active" data-toggle="modal" data-target="#Time_Attendance"><p>Title : Time Attendance</p> </a>
<img src="img/tas.jpg" class="btn btn-default btn-lg active" id="img-size" data-toggle="modal" data-target="#Time_Attendance"></img></center>
<div id="Time_Attendance" class="modal fade " role="dialog">
<div class="modal-dialog">
<div class="modal-content bg-warning">
<div class="modal-header bg-warning" >
<div class="modal-title">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h2><span id="port-text">Title : </span>Employee Time Attendance System</h2>
</div>
</div>
<div class="modal-body bg-danger" >
<div class="list-group">
<div class="row">
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">PROJECT TYPE:</span>Time Attendance System</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">TECHNOLOGIES:</span> VB.Net , SQL Server </h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">DESCRIPTION:</span>
Smart Time Attendance System , that register all employees movements from and / or to organization , with access controls and privilages for each employee
</h4></span></div>
</div>
</div>
</div>
<div class="modal-footer bg-default bg-warning" >
<button type="button" class="btn btn-default btn-lg" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<center><button type="button" class="btn btn-primary " data-toggle="modal" data-target="#Time_Attendance">Show Details </button></center>
</div>
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 2 COL # 2 Empty -------------------------------------------------------------------------------------------------------------------------- -->
<div class="col-sm-2 bg-default">
</div>
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 2 COL # 3 -------------------------------------------------------------------------------------------------------------------------- -->
<div class="col-sm-5 bg-warning">
<!-- modal -->
<center><a href="#" class="btn btn-lg active" data-toggle="modal" data-target="#palestinian_Radio_Station"><p>Title : palestinian Radio Station</p> </a>
<img src="img/radio.jpg" class="btn btn-default btn-lg active" id="img-size" data-toggle="modal" data-target="#palestinian_Radio_Station"></img></center>
<div id="palestinian_Radio_Station" class="modal fade " role="dialog">
<div class="modal-dialog">
<div class="modal-content bg-warning">
<div class="modal-header bg-warning" >
<div class="modal-title">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h2><span id="port-text">Title : </span>Radio Station In Palestine</h2>
</div>
</div>
<div class="modal-body bg-danger" >
<div class="list-group">
<div class="row">
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">PROJECT TYPE:</span>Music & Sound App</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">TECHNOLOGIES:</span> Android • Sqlite • CSS</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">DESCRIPTION:</span>
A simple Android application to listen for radio Stations in Palestine
</h4></span></div>
</div>
</div>
</div>
<div class="modal-footer bg-default bg-warning" >
<button type="button" class="btn btn-default btn-lg" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<center><button type="button" class="btn btn-primary " data-toggle="modal" data-target="#palestinian_Radio_Station">Show Details </button></center>
</div>
</div> <!-- end first row -->
<div class="row">
<div class="col-sm-12 bg-default">
<p> </p><p> </p>
</div>
</div>
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 3-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 3-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 3-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 3-------------------------------------------------------------------------------------------------------------------------- -->
<div class="row">
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 3 COL # 1 -------------------------------------------------------------------------------------------------------------------------- -->
<div class="col-sm-5 bg-warning">
<!-- modal -->
<center><a href="#" class="btn btn-lg active" data-toggle="modal" data-target="#DevSchema_WebSite"><p>Title : DevSchema WebSite</p> </a>
<img src="img/devschema.jpg" class="btn btn-default btn-lg active" id="img-size" data-toggle="modal" data-target="#DevSchema_WebSite"></img></center>
<div id="DevSchema_WebSite" class="modal fade " role="dialog">
<div class="modal-dialog">
<div class="modal-content bg-warning">
<div class="modal-header bg-warning" >
<div class="modal-title">
<button type="button" class="close" data-dismiss="modal">
×
</button>
<h2><span id="port-text">Title : </span><a href="http://www.devschema.com" > DevSchema WebSite </a></h2>
</div>
</div>
<div class="modal-body bg-danger" >
<div class="list-group">
<div class="row">
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">PROJECT TYPE:</span>DevSchema WebSite</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">TECHNOLOGIES:</span> WordPress , Mysql</h4></span></div>
<div class="col-sm-12"><span class="list-group-item list-group-item-action "><h4><span id="port-text">DESCRIPTION:</span>
Website to show services provided by DevSchema Team, portable with large and small screen [ pc - tablet - smart phone ] .
Contact customers for new services.[ IT services ].
</h4></span></div>
</div>
</div>
</div>
<div class="modal-footer bg-default bg-warning" >
<button type="button" class="btn btn-default btn-lg" data-dismiss="modal">
Close
</button>
</div>
</div>
</div>
</div>
<center><button type="button" class="btn btn-primary " data-toggle="modal" data-target="#DevSchema_WebSite">Show Details </button></center>
</div>
</div>
</div>
</div>
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 4-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 4-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 4-------------------------------------------------------------------------------------------------------------------------- -->
<!--- -----------------------------------------------------------------------------------------------Portfolio Row # 4-------------------------------------------------------------------------------------------------------------------------- -->
</div> <!-- End panel-body -->
</div> <!-- End Conatct Panel -->
<div class="row">
<div class="col-sm-12">
<div class="panel panel-primary">
<div class="panel-heading text-center">
<h2>I’m currently available for freelance work</h2>
</div>
<div class="panel-body bg-default">
<p><h3>If you have a project that you want to get started, think you need my help with something or just fancy saying hey, then get in touch.
<a href="mailto:basemsa3abna@gmail.com"> BasemSa3abna@gmail.com</a>
</h3></p>
<a href="contact.html" ><button type="button" class="btn btn-primary btn-lg active pull-right">Contact & Call Me</button></a>
</div> <!-- End panel-body -->
</div>
</div>
</div>
<!--- -----------------------------------------------------------------------------------------------End Conatct Panel End -------------------------------------------------------------------------------------------------------------------------- -->
<!-- ----------------------------------------------------------------------------------------------------------------Start Footer----------------------------------------------------------------------------------------------------------------------- -->
<!-- Fixed Footer -->
<div class="navbar navbar-default navbar-fixed-bottom navbar-inverse">
<div class="container">
<div class="navbar-text pull-left">
<span class="footer-txt"><strong>Copyright @ 2017</strong></span>
</div>
<div class="navbar-text pull-right">
<a href="https://www.linkedin.com/in/BasemSaabneh" > <i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a>
</div>
<div class="navbar-text pull-right">
<a href="https://github.com/BasemSaabneh" > <i class="fa fa-git fa-2x" aria-hidden="true"></i></a>
</div>
<div class="navbar-text pull-right">
<a href="https://twitter.com/BasemSaabneh" > <i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
</div>
<div class="navbar-text pull-right">
<a href="https://www.facebook.com/BasemSaabneh" > <i class="fa fa-facebook-official fa-2x"></i></a>
</div>
</div>
</div>
<!-- ----------------------------------------------------------------------------------------------------------------End Footer----------------------------------------------------------------------------------------------------------------------- -->
</div> <!-- end page body container -->
</body>
</html>