-
Notifications
You must be signed in to change notification settings - Fork 0
/
israeladura.sparkplug.html
executable file
·146 lines (141 loc) · 6.78 KB
/
israeladura.sparkplug.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
<!DOCTYPE html>
<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">
<title>Israel-Sparkplug</title>
<link rel ="stylesheet" href="css/style.css">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!-- NAV SECTION -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-responsive">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#"
aria-expanded="false">
<span class="sr-only">Toggle</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src =""></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="#">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#"> </a></li>
<li><a href="#"></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<!-- home section-->
<!-- home section-->
<!-- home section-->
<div id = "picture-sec">
<div class ="container">
<div class = "row">
<div class="col-sm-6 col-md-4" id="mypicture">
<img src ="images/israel.jpg" class="img-circle center-block">
</div>
<div class="col-sm-6 col-md-4 text-center" style="padding-top:60px;">
<h3> ADEYEMI Israel Adura</h3>
<br>
<em> Student </em> @ <strong>Sparkplug</strong>
<br>
<span class="glyphicon glyphicon-map-marker" aria-hidden="true"> Abuja, Nigeria</span>
</div>
<div class="col-sm-12 col-md-4 connect center-block text-center" >
<h3 class="page-header"> Connect With Me</h3>
<div> <i style="padding-right:10px;"><img src = "images/fone.png" height="15px" width="15px" alt= "email"></i><em> +(234)8100160703</em>
</div>
<div> <i style="padding-right:10px;"><img src = "images/email.png" alt="email" height="15px" width="15px" alt= "email"></i><em>[email protected]</em>
</div>
<ul class="list-inline list-unstyled">
<li><a href="https//:facebook.com/israel.adura.7"><img src ="images/facebook.png"></a></li>
<li><a href="https://twitter.com/aduraisrael"><img src ="images/twitter.png"></a></li>
<li><a href="http://bit.ly/2lsTl3r"><img src ="images/linkedin.png"></a></li>
<li><a href="http://bit.ly/2mQAEbZ"><img src ="images/googleplus.png"></a></li>
</ul>
<div>
<form class="center-block">
<input type="message" class="form-control" placeholder="send message">
<br>
<div class="btn btn-success btn-sm ">Send Message</div >
</form>
</div>
</div>
</div>
</div>
<br>
<a href ="http//:github.com/IsraelAdura" class =" btn btn-default git center-block">
<strong> GitHub Connect <i style="padding-left:5px;"><img src ="images/git.png" height="25px" width="25px" >
</i></strong></a>
<br>
</div>
<hr>
<div class="container">
<div>
<div class ="row well text-center">
<div class="col-xm-12 col-sm-4 col-md-3">
<strong> My Core Skills<span class="glyphicon glyphicon-arrow-right" style ="padding-left:20px;"></span></strong>
</div>
<div class="col-xm-12 col-sm-6 col-md-3 ">
<em> Information Technology Expert</em>
</div>
<div class="col-xm-12 col-sm-6 col-md-3 ">
<em>Full-stack Developer</em>
</div>
<div class="col-xm-12 col-sm-6 col-md-3 ">
<em> Data and Content Management</em>
</div>
</div>
</div>
<div class ="col-sm-12 col-md-8 ">
<h2 class="text-center page-header">About me... <span class ="glyphicon glyphicon-user " aria-hidden="true" style="padding-left:10px;"> </span> </h2>
<div class="about "><p>I am your go-to Guy for anything Information Technology and Software related.<p>I am <strong style ="color:gold;"> Israel Adura </strong>, a Web and App Developer, Tech enthusiast and a Microbiologist. I also do lots of other exciting stuffs .</p> </p><p>
purpose-driven and goal-oriented,
I look at the world from lenses tinted with positivity .</p>With huge interest in the enthralling worlds of computers, astronomy and literature, I always have new things to explore , learn and enjoy. I like taking up new challenges, and achieving positive results , as a good challenge solved makes one even better!. <br></div>
</div>
<div class ="row">
<div class ="col-sm-12 col-md-4">
<h2 class="text-center page-header">Professional Bio...<span class ="glyphicon glyphicon-briefcase " aria-hidden="true" style="padding-left:10px;"></span></h2>
<div class="bio">
<b style="color:gold;"> Programmer | Developer | Scientist | Techpreneur</b>
<br>
<br>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>BOOTSTRAP</li>
<li>JAVASCRIPT</li>
</ul>
<br>
Your information technology and all solutions guy.
</div>
</div>
</div>
</div>
<hr>
<footer class="text-center">
<div class ="container ">
<div id="sparkplug">
<img src ="images/sparkplugnow.png"> code education... a spark at a time!
</div>
<div id="twit" style="font-family:tahoma;"> <img src ="images/twitter.png" height="30px" width="30px"> <a href="https://twitter.com/aduraisrael"> @aduraisrael </a> | <a href="https://twitter.com/sparkplugnow">@sparkplugnow</a>
<p>
</div>
<div >
© 2017 | All rights reserved</p>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>