-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (176 loc) · 9.47 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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
<!-- Bootstrap core CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.19.1/css/mdb.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<link rel="stylesheet" href="index.css">
<title>Portfolio</title>
</head>
<body>
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<a class="navbar-brand" href="#">Welcome</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active ">
<a class="nav-link text-success" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link text-success" href="#about-us">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle text-success" href="#" id="navbarDropdownMenuLink"
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
More
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item text-success" href="#pro">View Projects</a>
<a class="dropdown-item text-success" href="#who">Who I am</a>
<a class="dropdown-item text-success" href="#contact">Contact</a>
</div>
</li>
</ul>
</div>
</nav>
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img id="imag" src="images/code4.jpeg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h1>First, solve the problem. Then, write the code.</h1>
</div>
</div>
<div class="carousel-item">
<img id="imag" src="images/pg.jpeg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h1>Make it work, make it right, make it fast.</h1>
</div>
</div>
<div class="carousel-item">
<img id="imag" src="images/cod2.jpeg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h1>Code is like humor. When you have to explain it, it’s bad</h1>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<h1 class="text-center">About Me</h1>
<div class="row">
<div class="col-sm">
<h1 id="header1">Who I am</h1>
<img src="/images/userr.jpeg" alt="">
<h3>
I am a very passionate tech-nerd with ability to solve complex technological problems with minimal
guidance using logical and critical reasoning and a strong attention to important matters.
</h3>
</div>
<div class="col-sm">
<h1 id="header1">What I do</h1>
<img src="/images/wrk.png" alt="">
<h3> Meet with clients, determine needs, help develop, ensure usability, and complete quality assurance.
Create programs that solve the user’s problem find bugs and debuging them</h3>
</div>
<div class="col-sm">
<h1 id="header1">Why I do</h1>
<img src="/images/wrk.png" alt="">
<h3>I have always been so passionate about using my web-development skills facing our society today.
</h3>
</div>
</div>
<div class="text-center">
<h1 id="header1">Projects</h1>
</div>
<h2> Being a very passionate tech-nerd, here are some of my recent projects;</h2>
<h3><br>Come lets take a look!</h3>
<div class="row">
<div class="col">
<figure class="port">
<img src="./images/photography.png" width="320px" height="250px" alt="">
<figcaption>Portfolio website for Mr Kipngeno sigei<br>Technology used;<br>1.
<em>html</em><br>2.<em>css</em><br>3.<em>Javascript</em><br><a
href="https://willardsigei.github.io/Photography/" target="_blank"><button id="butt">Visit
Website</button></a>
</figcaption>
</figure>
</div>
<div class="col-6">
<figure class="street">
<img src="./images/streetfood.png" width="320px" height="250px">
<figcaption>Streetfood Website. <br> This is a streetfood website
<a href="https://willardsigei.github.io/Streetfood/" target="_blank"><button id="butt">Visit
Website.</button></a>
</figcaption>
</figure>
</div>
</div>
<footer id="contact" class="page-footer font-small green">
<div class="container">
<div class="row">
<div class="col-md-12 py-5">
<div class="mb-5 flex-center">
<a class="fb-ic">
<i class="fab fa-facebook-f fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<a class="tw-ic">
<i class="fab fa-twitter fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<a class="gplus-ic">
<i class="fab fa-google-plus-g fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<a class="li-ic">
<i class="fab fa-linkedin-in fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<a class="ins-ic">
<i class="fab fa-instagram fa-lg white-text mr-md-5 mr-3 fa-2x"> </i>
</a>
<a class="pin-ic">
<i class="fab fa-pinterest fa-lg white-text fa-2x"> </i>
</a>
</div>
</div>
</div>
</div>
<div class="footer-copyright text-center py-3">© 2021 Copyright:
<a href="">Kipngeno Sigei</a>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
crossorigin="anonymous"></script>
</body>
</html>